Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 8, 2013 at 8:50 am #25885
    silviouk

    Hi there,

    I’d like to create opacity for the main page container so that the back ground image is visible behind the main page text, I’ve tried various settings but I can’t seem to isolate the correct area to add the opacity setting to. Your help would be appreciated.

    Silvio

    July 8, 2013 at 8:54 am #128549
    formateins

    Try this:

    .main-color {background-color: rgba(255,255,255,0.4);}

    You may have to use this in several wrappers. Don’t use opacity:somewhat, because it affects everything within.

    July 8, 2013 at 9:19 am #128550
    silviouk

    Thanks but I tried this too and it didn’t work :(

    July 8, 2013 at 9:26 am #128551
    silviouk

    Tried this and it worked, thanks for the heads up formateins! :

    .html_boxed #main {

    overflow:hidden;

    position:relative;

    background-color: rgba(255,255,255,0.4);

    z-index:2;

    }

    July 9, 2013 at 8:05 pm #128552
    Devin

    Hey Silvio,

    Glad you were able to get it working :)

    Regards,

    Devin

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘MAIN PAGE CONTAINER OPACITY’ is closed to new replies.