is there a way to add a bit of opacity in the footer area? « Support Forum | Kriesi.at

Support Forum » Abundance

is there a way to add a bit of opacity in the footer area?

9 posts from 3 voices

Started 1 year ago by Rtorres85
Latest reply from Kriesi
This topic is closed
This topic is resolved

Tags:

Rtorres85
Member

Hi could you guys tell me plz how to add a bit of opacity to the footer area

Posted 1 year ago #
Rtorres85
Member

Why I never get any answers... ?

Posted 1 year ago #
Dude
Dude
Hi,
You can add opacity with following code - I'd add it to css/custom.css:
```
#footer, #socket{
opacity: 0.9;
}
```
If you just want to affect the background use the rgba attribute instead: http://www.css3.info/introduction-opacity-rgba/
Posted 1 year ago #
Rtorres85
Member

I've added the code into the custom css file and quick css both individualy and test them without luck. The code only "washes out" the color and shows a white box, what I need its that only the footer background gets the opacity revealing the image I used for the background.

The fonts needs to stay the same, only the footer area needs to have opacity so the background image can be seen. I hope you guys could help me with this its the only issue I've had with the theme. Thanks

Posted 1 year ago #
Kriesi
Key Master
Hey! A transparent footer would also require you to move the footer outside of the wrap_all div.
in footer.php line 113 the end div needs to be removed and instead placed in line 44.

then you need to define a new color for the footer that is transparent but doesnt make the fonts transparent:
```
#footer{
background: rgba(0,0,0,0.8) !important;
}
```
Cheers!
Kriesi
Posted 1 year ago #
Rtorres85
Member

Thanks for your fast anwers Kriesi, it almost worked, I did everything you posted and I got this result...

http://www.tiendascolorado.com/

The footer its out of the box and theres a frame surrounding the widgets of the footer with still the color of the theme. Thanks

Posted 1 year ago #

Kriesi
Key Master

Remove the default color:

#top #footer span, #top #footer div, #top #footer p, #top #footer a {
background:transparent !important;
}

if you dont want the footer to stretch accross the whole site add these styles:

#top #footer, #top #socket{
width: 980px;
top: -33px;
}

Posted 1 year ago #

Rtorres85
Member

YOU ARE THE MAN!!! Thanks you so much, its definitly true... you guys do care for our sites to work as they should. Amazing work thanks for the help.

Posted 1 year ago #
Kriesi
Key Master

Glad we could help ;)

Regards,
Kriesi

Posted 1 year ago #