Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 27, 2015 at 4:49 am #525297
    Kingzy

    I’m trying to add CSS to the background overlay image but it seems that the theme is overwriting it?

    Existing Code:
    <div class="av-section-color-overlay" style="opacity: 1; background-color: #000000; background-image: url(https://andytraph.com/wp-content/uploads/2015/08/avatar.jpg); background-repeat: repeat;"></div>

    CSS:

    opacity: 1;
background-color: #000;
background-image: url("http://andytraph.com/wp-content/uploads/2015/08/avatar.jpg");
background-repeat: repeat;
}

    My CSS:
    .av-section-color-overlay {
    background-repeat: no-repeat;
    background-position: center;
    }

    • This topic was modified 9 years ago by Kingzy.
    October 27, 2015 at 5:03 pm #525616
    Elliott

    Hi Kingzy!

    Try this out.

    .av-section-color-overlay {
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

    Regards,
    Elliott

    December 3, 2015 at 4:52 pm #546502
    hasbeat

    Hello,

    Is there a chance to create a partial overlay (e.g. 50% width, 100% height)?

    Thanks in advance for your help.

    Best
    Rob

    December 3, 2015 at 9:48 pm #546675
    Elliott

    Hi!

    In that case I would try the grid row element out instead.

    Best regards,
    Elliott

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