Opacity for content and widget background

  • Author
    Posts
  • #21396
    Richard

    HI

    I have added a full screen background image to one of my sites but the menu, content and sidebar areas are a full colour.

    I’d like to make these opaque so that the background image shows through behind. Is their any way I can use the colour settings for that?

    Cheers

    Richard

    #21416
    Richard

    Hi

    I have the presentation page activated on my site and have chosen the column slider with 3 images.

    These site nicely under the main menu.

    Under the column images I want to have two additional content areas and have tried using the “Below Content Area and adding a standard text widget but it does not show. To give you an example. This is what i mean.

    IMAGE 1 IMAGE 2 IMAGE 3

    WIDGET 1 WIDGET 2

    Not sure if that helps. So the 2 widgets would be the same combines width as the three columns in the presentation page.

    Cheers

    Richard

    #21442
    Richard

    Sorry Zed,

    Did not mean to post two questions on one thread

    Cheers

    Richard

    #21685
    Richard

    Hi Zed,

    I have been trying to find a solution to the OPACITY issue and found the code below on the web. I placed it in the Custom CSS area of parabola and it works but it makes the who page transparent. If i want to make just the widget and post background colours transparent where can i add this in the stylesheet

    #wrapper
    {
    background-color: #FFFFFF;
    opacity: 0.40;
    }

    Cheers

    Richard

    #24016
    Jamal

    I would love to know how to do this as well.

    Ideally I’d love to control the transparency of all the content and widget area backgrounds to allow a small amount of the background image show through.

    Thanks,
    – Jamal

    #24072
    Jamal

    I figured this out!

    in the color setting for Content Background (via Parabola Settings), instead of using the color picker to assign a HEX, you can put in a RGBA value (Eg “rgba(234,230,214,.8)”) You can do the same for Sidebars Background if you want your Widgets to have a transparent bg as well.

    Voila — content backgrounds will be semi-transparent.

    Unfortunately… if you use a Presentation Page with Columns, the roll-over will likely be missing as it uses this same value with its own alpha (I’m guessing the redundant alpha value kills the effect.) But, I was able to go in and hard-code this effect to keep the hover state on the front page. This is probably not the most elegant solution — but it works.

    Thanks,
    – Jamal

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

The topic ‘Opacity for content and widget background’ is closed to new replies.