Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 23, 2019 at 2:44 am #1070536
    skynandi

    What would be the quick css code for caption text on the bottomed framed with custom text and background, like the picture below: https://cl.ly/03fe70fb9927

    February 23, 2019 at 7:54 pm #1070768
    Victoria

    Hey skynandi,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    February 25, 2019 at 4:05 pm #1071321
    skynandi

    (link attached) basically, I’m just trying to change the caption background color on the easy slider and on the image element.

    February 28, 2019 at 6:33 am #1072497
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .avia-caption .avia-caption-title, .avia-caption-content p {
  background: green !important;
}

    Best regards,
    Rikard

    February 28, 2019 at 3:59 pm #1072661
    skynandi

    Thank you, Rikard, that works.

    How do I make that 50% transparent? Also is there a way to position the caption to the bottom stretching all the way accross?

    Thanks again,

    March 2, 2019 at 8:55 am #1073566
    Rikard

    Hi,

    Please try this instead:

    .avia-caption .avia-caption-title, .avia-caption-content p {
  background: rgba(255, 255, 255, 0.5) !important;
  position: absolute; 
  bottom:0; 
  width:100%;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.