Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #10290

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


    Why I never get any answers… ?



    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:


    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


    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:

    background: rgba(0,0,0,0.8) !important;




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

    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


    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;


    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.


    Glad we could help ;)



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

The topic ‘is there a way to add a bit of opacity in the footer area?’ is closed to new replies.