Section Background Color

  • Hello,

    I working on this website here: https://www.JesseMelanson.com/newsite
    using the Onetone theme.

    The section that list “Jesse Melanson – the visual arts, resume, portfolio” I would like to have a black, lowered opacity color block behind that text and the down arrow. So that the text (that is white) is more visible.

    Would anybody have have any suggestions on how to go about this?

    Thank you for any suggestions

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try wrapping the h1 and the text under the div with class sub-title in span.

    <div class="banner-box">

&nbsp;
<span><h1>Jesse Melanson</h1></span>
<div class="sub-title">

<span>The Visual Art, Resume & Portfolio

<a class="scroll" href="#about"><img src="https://www.mageewp.com/onetone/wp-content/themes/onetone/images/down.png" alt=""> </a></span>

</div>
</div>

    Then add this to your css…

    .banner-box .sub-title span {
    background-color: rgba(0,0,0,0.5);
    padding: 25px 20px 30px;
}
.banner-box span {
    background-color: rgba(0,0,0,0.5);
    padding: 80px 40px 40px;
}

    Hope that works ??

    Thread Starter jessejmelanson

    (@jessejmelanson)

    THANK YOU

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Section Background Color’ is closed to new replies.