• Resolved whirlygirl

    (@whirlygirl)


    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!

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter whirlygirl

    (@whirlygirl)

    anyone out there?

    pleasssseee

    Show us your website…

    Thread Starter whirlygirl

    (@whirlygirl)

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

    Thread Starter whirlygirl

    (@whirlygirl)

    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…

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

    Thread Starter whirlygirl

    (@whirlygirl)

    Thanks jrav001 have a look here please :

    https://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!

    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.

    Thread Starter whirlygirl

    (@whirlygirl)

    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 ?

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

    thanks!

    definately have to go on a css course !

    Thread Starter whirlygirl

    (@whirlygirl)

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

    I’ve just done it myself thanks!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Changing the font, colour and look of the SUB-MENU’ is closed to new replies.