Main Content Background

  • Resolved RemoTorres

    (@remotorres)


    11 years, 6 months ago

    Is there any way to change the opacity of the main content background to where it’s not completely transparent but translucent?
    Here’s the link to the site:
    http://www.knoxvilledreamcenter.org/

    So, instead of either white background or transparent, but rather in between, can that be done with this theme.

    like adding this to the style.css?
    -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
    and this:
    }
    #page {
    background: opacity:.50 #fff;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    11 years, 6 months ago

    Hey, something like this should work:

    .contentclass{
background: rgba(0,0,0,.15);
}
.headerclass {
background: rgba(0,0,0,.15);
}

    This will make it apply to the footer:

    #containerfooter {
background: rgba(0,0,0,.15);
}

    Just paste it into your custom css box in theme options > advanced settings.
    Hope that works for you!
    Hannah

    Thread Starter RemoTorres

    (@remotorres)

    11 years, 6 months ago

    Hi Hannah,

    Thank you for the reply. Could you please explain to me the variables and how they behave? “rgba(0,0,0,.15)” I would like to have the ability to adjust the opacity and the color of the background for the content, header and the footer.

    Thanks,

    Remo

    Thread Starter RemoTorres

    (@remotorres)

    11 years, 6 months ago

    Nevermind. I figured it out. It worked great! Thank you so much for your help. Check it out if you like.

    hannah

    (@hannahritner)

    11 years, 6 months ago

    Sorry, I should have explained. Glad you figured it out! Looks good:)

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

The topic ‘Main Content Background’ is closed to new replies.