Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #525297

    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 8 years, 5 months ago by Kingzy.
    #525616

    Hi Kingzy!

    Try this out.

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

    Regards,
    Elliott

    #546502

    Hello,

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

    Thanks in advance for your help.

    Best
    Rob

    #546675

    Hi!

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

    Best regards,
    Elliott

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