Header Background Colour and Footer Alteration

Discussion in 'BlackBird WordPress Theme' started by digitaltactics, Jun 10, 2014.

  1. digitaltactics

    digitaltactics Guest

    Joined:
    May 20, 2014
    Messages:
    6
    Likes Received:
    0
    Me again,

    Two Questions

    1) Wanting to make the header (above the menu, where the logo and the contact details on the right are) black so that the rest of the page is white and there is a black band underneath the logo and top right hand side text.
    OR please advise if it would be better to put the black band under the logo and upload as a full width image, if this is the right way please let me know how wide I should make the band/JPG.

    2) I have taken out the footer but at the bottom of the page there is the full width band that has the name of the website and tagline plus the information I entered in the Theme Options. I don't mind if this stays but when I have a page with less information on it the band creeps up the page like in the screen shot supplied. Wanting it to either stick to the bottom page OR if not possible, wanting it to disappear.
    [​IMG]


    Thanks so much for all your help!
     
  2. digitaltactics

    digitaltactics Guest

    Joined:
    May 20, 2014
    Messages:
    6
    Likes Received:
    0
    Hey there,

    I have been able to fix the footer but still need help with the header please.

    1) Wanting to make the header (above the menu, where the logo and the contact details on the right are) black so that the rest of the page is white and there is a black band underneath the logo and top right hand side text.
    OR please advise if it would be better to put the black band under the logo and upload as a full width image, if this is the right way please let me know how wide I should make the band/JPG.
     
  3. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    div.header {
    overflow: hidden;
    background: red;
    padding-bottom: 30px;
    }
    div.menu_wrapper {
    margin-top: 0px;
    }
    #menu .ddsmoothmenu {
    margin-top: 0px;
    } 
    In place of "red" you can put your color or color code.
    You can adjust the value of "padding-bottom" as per your requirement.
     
  4. digitaltactics

    digitaltactics Guest

    Joined:
    May 20, 2014
    Messages:
    6
    Likes Received:
    0
    Thank you Piyush, it puts the black background on the header but is only as long as the menu bar,
    is it possible to make that black band go the full width of the screen, extending out past the width of the menu bar?
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207

    Hello,

    Unfortunately there isn't a way to do that with this theme unless you custom code something up. Sorry.


    Thanks & Regards
    Gourav Shrivastava
     

Share This Page