Where is image for navigation tabs in Digg 3 Please

troydavisfilm · Member · Dec 7, 2009 at 11:18 pm
Copy link

Add topic to favorites
Hi
I have just started work on my blog and am finding my way around wordpress. So far I have managed to change the header image, and can see how to change some of the basic colours for the theme etc. However, at the top of this blog, there are two navigation tabs, which I would like to alter. Firstly, I changed the text to black, and the left hand white border disappeared. Can you please tell my why this happened? Secondly, I see that the colour behind is an image. I cannot find the image anywhere, so do not know its dimensions. I would like to create my own and replace the ones there now.
this is the code I pasted in.

#menu ul li a {
display:block;
text-decoration:none;
background:url(‘images/bg_tab_left.gif’) no-repeat left top;
color:#000000;
padding:14px 20px 10px;
}
Thanks for your help

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 8, 2009 at 12:51 am
Copy link
Since your CSS is saved in a different location from the original, relative links in the CSS will be broken when you start modifying the CSS (if you modify anything with a relative URL in it.

Instead of putting this in the CSS edit window:
```
#menu ul li a {
display:block;
text-decoration:none;
background:url('images/bg_tab_left.gif') no-repeat left top;
color:#000000;
padding:14px 20px 10px;
}
```
Put ONLY the declaration you are changing into the CSS edit window such as this:
```
#menu ul li a {
color:#000000;
}
```
That way you aren’t breaking the relative link in the CSS for the background declaration.

Put ONLY the selectors you are working on, and ONLY the declarations you are adding or changing into the CSS edit window.
troydavisfilm · Member · Dec 8, 2009 at 8:03 am
Copy link
Thank you, that is a great help.
Now, I just need to know where the images are for the theme, as i want to change bg_tab_left.gif, and need to know the dimensions?
troydavisfilm · Member · Dec 8, 2009 at 9:33 am
Copy link
This is obviously a background image.
I have made a new one and uploaded into my media folder. I still need to know what size it is ( or if it needs a size) and what to put in the CSS to point to it instead of the default bg_tab_left.gif
Thank you for any help.
thesacredpath · Member · Dec 8, 2009 at 3:14 pm
Copy link
The tab is made up of two images, and yes you will have to make them the same size as the originals unless you want to redo the way they are handled in the CSS:

http://s2.wordpress.com/wp-content/themes/pub/digg3/images/bg_tab_left.gif (which is declared in #menu ul li a ) and is 10px wide by 40px tall

http://s2.wordpress.com/wp-content/themes/pub/digg3/images/bg_tab_right.gif (which is declared in #menu ul li ) and is 894px wide by 40 px tall
troydavisfilm · Member · Dec 8, 2009 at 3:26 pm
Copy link
Ah ha! Thank you for this.
I will see if I can manage to update this all on own! I won’t now get a change for a day or two :-(
I will have to figure out the correct path to the image.
thesacredpath · Member · Dec 8, 2009 at 3:29 pm
Copy link
When you upload the images to your media library, the URL to the new image will be toward the bottom of that screen after it uploads. You can copy it from there.

No items found.