Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Image Effect Plugin ignores Component style

Image Effect Plugin ignores Component style 26 Aug 2019 09:03 #53519

  • Brause
  • Brause's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
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.

Image Effect Plugin ignores Component style 26 Aug 2019 09:24 #53520

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21524
  • Karma: 427
  • Thank you received: 2712
may be that I missed a text align :)
please modify it like this
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.

Image Effect Plugin ignores Component style 26 Aug 2019 09:33 #53521

  • Brause
  • Brause's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
thank you – nearly perfect.

Only one long title is not displayed in centre (picture attached). How I can solve this?
Attachments:

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

Image Effect Plugin ignores Component style 26 Aug 2019 10:30 #53526

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21524
  • Karma: 427
  • Thank you received: 2712
you can play with the padding on
figure[class*="effectck"] figcaption
Joomlack Webmaster and Developer

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

Image Effect Plugin ignores Component style 26 Aug 2019 12:05 #53528

  • Brause
  • Brause's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
Sorry, but padding in custom.css is changing only position of all other titles. Position of long title remains the same.
Attachments:

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

Last edit: by Brause.

Image Effect Plugin ignores Component style 26 Aug 2019 15:31 #53537

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21524
  • Karma: 427
  • Thank you received: 2712
the padding is not set, please update your code like this
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
The following user(s) said Thank You: Brause

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

Image Effect Plugin ignores Component style 27 Aug 2019 06:27 #53543

  • Brause
  • Brause's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
Now it is perfect, thank you!

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

  • Page:
  • 1
  • 2
Time to create page: 0.246 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 341 guests and no members online