Changing TwentyTen Navigation design

Discussion in 'WordPress' started by Smush, Apr 15, 2013.

0
  1. #1
    Hi.

    I can't figure out a solution for changing the black bar in WP TwentyTen to individual background images behind each link using an image I created in Photoshop I have tried changing a few things in the CSS file but probably not the right changes. do I need to edit the functions file too?

    Thanks
     
    Smush, Apr 15, 2013 IP
  2. themes4all

    themes4all Well-Known Member

    Messages:
    662
    Likes Received:
    47
    Best Answers:
    6
    Trophy Points:
    100
    #2
    hello,

    You have to edit this Code in the Style.css :

    #access{background:#000;display:block;float:left;margin:0 auto;width:940px;}
    Code (markup):
    background:#000 change it to the color you want to use!

    Goodluck
     
    themes4all, Apr 15, 2013 IP
  3. Smush

    Smush Member

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Thanks for the help but isn't what I was looking for. I have however found out how to to it by editing the css property body #access li{}
    to
    body #access li{background:url('image.png') }
    The problem I have is my navigation text links are of different lengths so I created the image wide enough to accommodate all sizes except after implementing your solution the image behind each link looks squashed and distorted. I have included a screenshot for explanation purposes. i46.tinypic.com/2nqehb4.png
     
    Smush, Apr 15, 2013 IP