Image Effect Plugin ignores Component style

More
5 years 2 months ago #53500 by Brause
screenshot was not uploaded with message.

Please look
Attachments:

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

More
5 years 2 months ago #53501 by ced1870
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

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

More
5 years 2 months ago #53514 by Brause
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 ...
Attachments:

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

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

Joomlack Webmaster and Developer

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

More
5 years 2 months ago #53519 by Brause
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;
}

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

More
5 years 2 months ago #53520 by ced1870
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

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

Time to create page: 0.218 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 906 guests and one member online