Tagged: , , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 21, 2013 at 8:54 pm #5556
    Anne-Pia
    Member

    I have the home page http://tekstiltrolden.dk and I´m really happy for my theme, but I want to change some colors on it.

    I would like to change the color of my primary and secondary menu bar, but I can´t figure out how I do it ?

    I would also like to change the size on my header so it could be higher, where can I change the  ?

    I hope you can help me

    Sorry my english it is not the best, but I hope you understand me 😉

    Best regards

    Anne-Pia Hansen

     

    March 21, 2013 at 10:29 pm #5587
    Sakin
    Keymaster

    @Tekstiltrold: Yes you can change with the help of css. Add the following CSS in “Custom CSS” box in your Theme Options panel. Change the color code as per you need.

    /* For Primary Menu */
    #branding #access { background: none #009; }
    /* For Secondary Menu */
    #access-secondary { background-color: #39C; }

    March 21, 2013 at 10:51 pm #5593
    Anne-Pia
    Member

    Thank you very much Sakin

    Have can I change the size on my header, so it gets higher ?

    I you have time, you could look on my home page, http://tekstiltrolden.dk and then you will see that the text is too high in relation to the header, and I would really like to change it ?

    Hope you understand what I mean

     

    March 22, 2013 at 12:02 am #5607
    Sakin
    Keymaster

    @Tekstiltrold: You can just increase the padding by adding the following CSS in Theme Options panel
    #header-content { padding: 4em 0; }

    March 22, 2013 at 12:12 am #5611
    Anne-Pia
    Member

    Thank you so much Sakin

    It looks much better now 😉

     

    July 11, 2013 at 8:58 am #11671
    GlennClosson
    Member

    I have been trying to change the color of the menu bar and used all the recomendations you have made and none of them make anything change. All the other CSS codes I have done have worked, but for some reason none of the menu bar codes have worked. Is there anything I should look at to make sure they will be working? I just want to either make it clear our change it to a lighter color.

    Thanks!

    July 11, 2013 at 9:06 am #11673
    GlennClosson
    Member

    Ok, well I figured out how to make the menubackground clear with:

    #header #mainmenu { background: none ; }

    Now is there a way to get rid of the outline and change the text color to make it easier to see?

    Thanks!

    July 11, 2013 at 4:04 pm #11682
    Sakin
    Keymaster

    @GlennClosson: I need to know which theme are you using and how are you using it. So, best will be to share your site URL. So, that I can check in your site and send you the css code.

    July 11, 2013 at 11:32 pm #11708
    GlennClosson
    Member

    The site is: wwww.beachcitybrewery.com
    I currently have Coming Soon Mode activated. Do I need to turn that off?
    I am using the Simple Catch theme.

    Thanks!

    July 11, 2013 at 11:39 pm #11709
    Sakin
    Keymaster

    @GlennClosson: Use the following css.

    /* To Remove the Border in the menu */
#header #mainmenu, #header #mainmenu ul li { border: none; }

/* Menu Text Color */
#header #mainmenu ul li a { color: #444; }
    July 11, 2013 at 11:52 pm #11710
    GlennClosson
    Member

    Awesome! Is there a way to change the background color for when the link is selected in the menu bar? I changed the text to yellow, so maybe a light blue box background.

    Thanks!

    July 12, 2013 at 12:06 am #11713
    Sakin
    Keymaster

    @GlennClosson: Change the background color and text color as per you need. 

    #header #mainmenu ul li a:hover, #header #mainmenu ul li.current-menu-item a, #header #mainmenu ul li.current-menu-parent a, #header #mainmenu ul li.current_page_item a, #header #mainmenu ul li.current_page_ancestor a, #header #mainmenu ul li:hover > a {
    background-color: #444;
    color: #fff;
}
    July 12, 2013 at 12:15 am #11714
    GlennClosson
    Member

    I owe you many beers!

    July 12, 2013 at 12:31 am #11717
    Sakin
    Keymaster

    @GlennClosson: Thanks feel free to donate, which will be used for the development for free themes.

    July 15, 2013 at 4:39 am #11818
    udisa
    Member

    Hi,
    This is my playground at the moment http://www.mytoyz.co.il/
    I’m having problem with the “Footer Area One/Two/Three” widgets.
    they all should be positioned in a single row, but the last widgets breaks and move the a new row.
    It is also happens when using only “Footer Area One+Two”.

    Thanks for helping

    Udi

    July 15, 2013 at 11:06 am #11827
    Sakin
    Keymaster

    @udisa: Thanks for reporting CSS issue. We will fixed it in next version. For now, you cn add the following css in “Appearance => Theme Options => Custom CSS” box.

    @media screen and (min-width: 961px) {
/* Two Footer Widget Areas */
#supplementary.two .widget-area { margin-left: 3%; }
/* Three Footer Widget Areas */
#supplementary.three .widget-area { margin-left: 3%; }
}
    July 16, 2013 at 2:28 am #11878
    udisa
    Member

    @Sakin Thanks! it worked 🙂

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Header size and menu bar color’ is closed to new replies.