Image Effect Plugin ignores Component style

Replied by Brause on topic Image Effect Plugin ignores Component style

Posted 4 years 7 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 7 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.

Replied by Brause on topic Image Effect Plugin ignores Component style

Posted 4 years 7 months ago #53521
thank you – nearly perfect.

Only one long title is not displayed in centre (picture attached). How I can solve this?
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 7 months ago #53526
you can play with the padding on
figure[class*="effectck"] figcaption

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 7 months ago #53528
Sorry, but padding in custom.css is changing only position of all other titles. Position of long title remains the same.
Last Edit:4 years 7 months ago by Brause
Attachments:
Last edit: 4 years 7 months ago 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 7 months ago #53537
the padding is not set, please update your code like this
Code:
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; padding: 5px; } figure[class*="effectck"] figcaption > div { flex: 1 1 auto; text-align: center; }

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: Brause

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

Time to create page: 0.690 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1018 guests and no members online