Top bar and footer transparent background

  • Rikvind

    #6502

    I went all the way through making background transparent for each and every theme sections but could not achieve that for Top Bar and Footer.

    Current CSS code for Top Bar is:

    #top-bar {
    background: none repeat scroll 0 0 transparent;
    border-bottom:0px solid #222;
    height: 54px;
    position: relative;
    z-index: 10;
    }

    Current CSS code for Footer is:

    #footer {
    background: none;
    box-shadow: 0 -0px 0px 0 #000000;
    height: 49px;
    position: relative;
    }

    My website is: http://www.appalandes.com

    Please tell me what am I doing wrong? Is there a way to force the entire theme background transparent?

    Many thanks in advance.

    Prasanna SP

    #34588

    Add !important to your style declaration,

    #top-bar {
    background: none repeat scroll 0 0 transparent !important;
    border-bottom:0px solid #222;
    height: 54px;
    position: relative;
    z-index: 10;
    }

    #footer {
    background: none !important;
    box-shadow: 0 -0px 0px 0 #000000;
    height: 49px;
    position: relative;
    }

    Put code in between backtick (

    Code:
    `

    ) characters. It’s usually located above the Tab key on your keyboard. I’ve updated your post here.

    Rikvind

    #34589

    Thanks, Prasanna! It worked perfectly well. Have a great day!!

    ahmed

    #34590

    Hi Rikvind,

    I would like to insert ad just like your. can you please show me the ways how could i do this. thanks

    Rikvind

    #34591

    Hi Ahmed, I use the plugin Adsense Made Easy. Available for downloading at WordPress plugin page.

    Prasanna SP

    #34592

    Or, you can use Header Widget area.

    Rikvind

    #34593

    Yes, the ad can go on every section allowed to hold widgets

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

You must be logged in to reply to this topic.