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
Please look
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 #53501
ok, you are talking about vertical centering, and not horizontal !
try this css code
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 ...
Text is still left justified horizontal. I edit text-align: center; to css code but that does not work ...
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 #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;
}
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
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.751 seconds