WordPress.org

Ready to get started?Download WordPress

Forums

Cordobo Green Park 2
[resolved] Changing the font, colour and look of the SUB-MENU (11 posts)

  1. whirlygirl
    Member
    Posted 3 years ago #

    hi anyone who can help - I want to make the sub-menu in this lovely theme far more distinctive with the same green colour backgroung and exactly same font as the main menu bar.

    Tried tinkering with the stylesheet code AND the images but no luck.

    Can anyone suggest anything ?
    plus is Andreas still around ?! can't seem to make contact with the main man.

    Thanks!

  2. whirlygirl
    Member
    Posted 3 years ago #

    anyone out there?

    pleasssseee

  3. webmagix
    Member
    Posted 3 years ago #

    Show us your website...

  4. whirlygirl
    Member
    Posted 3 years ago #

  5. jrav001
    Member
    Posted 3 years ago #

    In your style.css near line 232 change the background color to #89CB11

    #sidebar {
        background-color: #89CB11;
        border-left: 3px solid #D5DADD;
        float: right;
        margin-left: -3px;
        padding: 15px 20px 15px 10px;
        width: 320px;
    }

    For the links, change the color here (near line 76):

    #sidebar .sb-tools a, #sidebar .sb-tools a:link, #sidebar .sb-tools a:visited {
        border: 0 none;
        color: #fff;
    }
  6. whirlygirl
    Member
    Posted 3 years ago #

    hi jrav001 thanks for that, but just implemented the code changes you suggest and nothing changes !

    help !

    it is the SUB-MENU i want to change...

  7. jrav001
    Member
    Posted 3 years ago #

    Oops - I was thinking sidebar. :-)

    Change the background image to use the same as your main menu:

    #submenu-bg {
        background: url("img/navigation.png") repeat-x scroll 0 3px transparent;
        height: 30px;
        width: 985px;
    }

    For the font:

    #submenu a {
        color: #FFFFFF;
        font-size: 150%;
        font-weight: bold;
        padding: 3px 5px 3px 7px;
        text-shadow: 0 1px 0 #555555;
    }
    #submenu a:hover {
        text-shadow: 1px 1px 1px #000000;
    }
  8. whirlygirl
    Member
    Posted 3 years ago #

    Thanks jrav001 have a look here please :

    http://www.mamieweb.co.uk/eeny/?page_id=2

    not quite there yet ...any ideas of how to get rid of the v.thin while space in between them?

    thanks!

  9. JarretC
    Member
    Posted 3 years ago #

    Find

    ul#menu {
      background: #89CB11 url(img/navigation.png) top left repeat-x;
      display: block;
      height: 41px;
      padding: 0 28px 0 18px;
      width: 939px;
    }

    in your style.css and add margin-bottom: -3px; to it so it looks like

    ul#menu {
      background: #89CB11 url(img/navigation.png) top left repeat-x;
      display: block;
      height: 41px;
      padding: 0 28px 0 18px;
      width: 939px;
      margin-bottom: -3px;
    }

    You can mess around with the -3 number to move the submenu up and down.

  10. whirlygirl
    Member
    Posted 3 years ago #

    great jarretC but i still need help ...just been fiddling with the css and like the look of the submenu now BUT on the MAIN MENU how can I get rid of the white stripe ?

    http://www.mamieweb.co.uk/eeny/

    thanks!

    definately have to go on a css course !

  11. whirlygirl
    Member
    Posted 3 years ago #

    SORRY ! can't seem to delete posts on this thing..pls ignore above..

    I've just done it myself thanks!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic