Making main body opaque

  • Resolved jballa

    (@jballamsncom)


    8 years, 11 months ago

    See https://JohnKnoerle.com. I’m working on a sales letter (home page) and would like the background image to slightly bleed through the whit page (main body) background using a opaque setting.

    Please advise and thank you very much!

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

  • You can use opacity trick of css3

    Instead of

    background: #fff;

    use 

    .entry article {
    background-color: rgba(255,255,255,0.5);
}

    Hi jballa

    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.

    section#main {
    opacity: 0.6;
}

or

section#main {
    opacity: 0.6!important;
}

    OR

    div#loop-container {
    opacity: 0.6;
}

or

div#loop-container {
    opacity: 0.6!important;
}

    OR

    .post-198.page.type-page.status-publish.hentry.entry {
    opacity: 0.6;
}

or

.post-198.page.type-page.status-publish.hentry.entry {
    opacity: 0.6!important;
}

    OR

    article {
    opacity: 0.6;
}

or

article {
    opacity: 0.6!important;
}

    Change No. 0.6 to any fraction you would like 0.1 0.2 0.3 and so on 0.1 – 0.9
    Choose whatever option above that suit your needs. Every option has !important property what makes the previous property overwrite any css for that element

    Hope I was helpful,
    Let me know result
    Cheers
    TR

    Thread Starter jballa

    (@jballamsncom)

    Thanks a bunch!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making main body opaque’ is closed to new replies.