Image Effect Plugin ignores Component style
5 years 2 months ago #53500
by Brause
Replied by Brause on topic Image Effect Plugin ignores Component style
screenshot was not uploaded with message.
Please look
Please look
Please Log in or Create an account to join the conversation.
5 years 2 months ago #53501
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Image Effect Plugin ignores Component style
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
Please Log in or Create an account to join the conversation.
5 years 2 months ago #53514
by Brause
Replied by Brause on topic Image Effect Plugin ignores Component style
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 ...
Please Log in or Create an account to join the conversation.
5 years 2 months ago #53517
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Image Effect Plugin ignores Component style
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.
5 years 2 months ago #53519
by Brause
Replied by Brause on topic Image Effect Plugin ignores Component style
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;
}
Please Log in or Create an account to join the conversation.
5 years 2 months ago #53520
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Image Effect Plugin ignores Component style
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
Please Log in or Create an account to join the conversation.
Time to create page: 0.218 seconds