How to make content background semi-transparent/ change opacity

Community Forums Forums Design Tips and Tricks How to make content background semi-transparent/ change opacity

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  bandj 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #33387

    goeyleech
    Participant
    Post count: 2

    Hello everyone.

    I would like to make the content area of my landing pages semi-transparent. I think it’s to do with changing the opacity.

    Currently the white content background is a bit harsh, and I would like the websites background to come through just a little.

    How do I go about doing this?

    I am using metro theme.

    the website is:

    http://www.9to5ninja.com/blog/what-does-protein-do-ipnc

    Thankyou kindly

    Joe

     

    #33439

    bandj
    Participant
    Post count: 188

    changing opacity will affect everything. Text, images etc.

    If you just want to affect a certain element, for example #wrap then you would do this:

    background: rgba(255, 255, 255, .5);

    the .5 at the end will affect the opacity of the element but won’t affect the images, text etc. However you will see that if you do that

    and your images have a white background the background sticks out so you’d have to make your image backgrounds transparent.


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

You must be logged in to reply to this topic.