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

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

    #67559

    Why I never get any answers… ?

    #67560

    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/

    #67561

    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

    #67562

    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

    #67563

    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

    #67564

    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;
    }

    #67565

    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.

    #67566

    Glad we could help ;)

    Regards,

    Kriesi

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.