Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 21, 2015 at 9:11 am #415684
    Haycreations

    Hi,
    I’ve tried using the following quick CSS code to change the colour of the Avia slider caption overlay.

    .avia-caption-title{
    background:#B0998F !important;
    color:white !important;
    }

    while this works & changes the caption overlay colour for the first line of text (title), the next line of text underneath still has the default overlay colour (dark grey)

    Any suggestions? Thanks

    Regards

    Melanie

    March 21, 2015 at 11:40 am #415708
    begrafiks

    Hi Haycreations;
    The “first line” is a <h2> the “second line” is <p>
    try to add this line too : 

    .avia-caption-content{}

    Those two lines depending of these lines,
    you can try to adjust for your use :

    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title,
.avia-caption .avia-caption-content p, .avia-caption .avia-caption-title
{
background: #000;
filter: alpha(opacity = 80);
background: rgba(0, 0, 0, 0.5);
display:inline-block;
margin:0 0 1px 0;
padding:10px 15px;
}
    March 22, 2015 at 4:59 am #415860
    Haycreations

    Thanks for the code – it’s all working now :)

    March 23, 2015 at 8:10 am #416240
    Rikard

    Hey!

    Glad that @begrafiks could help you, thanks!

    Regards,
    Rikard

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