[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

[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

[Richard]

Sorry Zed,

Did not mean to post two questions on one thread

Cheers

Richard

[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

[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

[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

[Author]

Posts