Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

[SOLVED] Images on navigation buttons


  #1  
Old Nov 21, 2010, 01:26 PM
IldiW
 
39 posts · Oct 2010
NZ
Hi,
I'm using ATA 353 with the latest WP (not sure of the number).
I've been trying to get this working and now at least I managed to locate (I think) the css I need for this.
I'm in css.php trying to change everything to standout colours to see what changes and it's so not consistent, I just can't make much sense of it. Even if I can get the colours working as soon as I add the image, the buttons disappear... when I look with Firebug there's just so much styling coming up for each element that it doesn't help much.
All I'd like to achieve is to have a gradient background on the buttons (png file x-repeat). I think it's in Presentation: General part of the css.php - is this right? From reading the forum I understand that it would be best to insert CSS through ATO instead of changing the php files but first I need to figure out what classes and ids we are talking about.
I tried to look on the support forum (both gold and normal) and it doesn't seem to be an issue for others? Am I overlooking something?
Thanks!
  #2  
Old Nov 21, 2010, 03:46 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You are correct in not editing the css.php file. Here is a start for getting you on track with the css selectors. It can be a bit frustrating at first. The following would change the hover state to red but you could just as well use a background image.

HTML Code:
div#menu1 ul.rMenu a:hover {background:red !important;}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Nov 21, 2010, 07:34 PM
IldiW
 
39 posts · Oct 2010
NZ
Thanks Larry, you really are sooo patient with all of us here!

It didn't work... . Is it possible that there is a setting somewhere I accidentally clicked or something to not make any changes throught the CSS inserts? I'm just clutching straws here, really... I can see from the last default CSS insert (/* round corners for page menu bar items * and * reset 2nd+ level */) that the line you've given me is the one I need but it just makes no difference whatsoever. It keeps using the colours I have set through ATO.
  #4  
Old Nov 21, 2010, 07:41 PM
IldiW
 
39 posts · Oct 2010
NZ
Hm, out of curiosity I've changed the space between the buttons and that worked so it's not what I suspected (see above). Keep looking, keep looking...
  #5  
Old Nov 21, 2010, 07:46 PM
IldiW
 
39 posts · Oct 2010
NZ
Ok, thanks to further experimenting this works too:
/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 5px;
background: #ff0000;
}

So why the original line inserted a few lines below makes no difference? Mistery...
  #6  
Old Nov 21, 2010, 10:18 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Did you put !important after the background line?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Nov 21, 2010, 10:30 PM
IldiW
 
39 posts · Oct 2010
NZ
I did, I just copied the exact line you gave me. Then when that didn't work I started to play around changing various parts of the same line, none of which worked. Then I added the extra line as above (no !important there) and it worked!
But at least with your help I'm starting to understand what I'm looking at! And now the added background image works fine too!
Thank you again!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Header and navigation bar combined with images eninemcp Header configuration & styling 4 Dec 20, 2010 09:28 PM
Atahualpa 3.4.6 Page Menu Bar - Multiple Images for Navigation wordpress2010 Page & Category Menu Bars 6 Mar 31, 2010 01:07 PM
Fix header from displaying all the images when buttons are clicked oohansel Header configuration & styling 0 Oct 29, 2009 07:35 PM
How to replace newer RSS & Comments buttons with colored version buttons? jenb RSS, Feeds & Subscribing 3 Oct 25, 2009 05:14 AM
Navigation with images/hovering? CDJ Page & Category Menu Bars 1 Jul 6, 2009 07:08 AM


All times are GMT -6. The time now is 01:28 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.