Image Effect Plugin ignores Component style

Replied by Brause on topic Image Effect Plugin ignores Component style

Posted 4 years 8 months ago #53500
screenshot was not uploaded with message.

Please look
by Brause
Attachments:

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Image Effect Plugin ignores Component style

Posted 4 years 8 months ago #53501
ok, you are talking about vertical centering, and not horizontal ! ;)
try this css code
Code:
figure[class*="effectck"] figcaption, figure[class*="effectck"] figcaption > a { display: flex; align-items: center; }

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Brause on topic Image Effect Plugin ignores Component style

Posted 4 years 8 months ago #53514
Vertical centering works now, thank you.
Text is still left justified horizontal. I edit text-align: center; to css code but that does not work ...
by Brause
Attachments:

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Image Effect Plugin ignores Component style

Posted 4 years 8 months ago #53517
you can add this css rule to fix it
Code:
figure[class*="effectck"] figcaption > div { flex: 1 1 auto; }

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Brause on topic Image Effect Plugin ignores Component style

Posted 4 years 8 months ago #53519
Mmh, I added css but it does not work ...

The complete code in custom.css is:


figure[class*="effectck"] figcaption [class*="title"] {
font-weight: 700;
line-height: 1;
font-size: 26px;
}
figure[class*="effectck"] figcaption, figure[class*="effectck"] figcaption > a {
display: flex;
align-items: center;
}
figure[class*="effectck"] figcaption > div {
flex: 1 1 auto;
}
by Brause

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Image Effect Plugin ignores Component style

Posted 4 years 8 months ago #53520
may be that I missed a text align :)
please modify it like this
Code:
figure[class*="effectck"] figcaption > div { flex: 1 1 auto; text-align: center; }

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.766 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1019 guests and no members online