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 » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] image between page menu items


  #1  
Old Apr 16, 2013, 09:11 AM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
I've been searching through the forum, and can't find any reference to this - is it possible to use an image to separate oage menu items (rather than a pipe or a symbol etc)

many thanks!

Joan
  #2  
Old Apr 16, 2013, 12:10 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
is there a way to do it, sure, there is a way to do everything. Can it be done without making changes to the theme.? I've no idea. It would probably take an hour of playing to figure out. there might even be a plugin that cold do it...
  #3  
Old Apr 16, 2013, 12:41 PM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
turns out you can use img code in the wp native menu now. that's a welcome change. all is well, and thank-you for the reply, juggledad! http://bradensshuttle.ca/demo2013/ (only problem is, it highlights around each of them, just as it does around the menu titles - if you can think of something off the top of your head to make that go away, i'd be grateful!)

best,
joan
  #4  
Old Apr 16, 2013, 01:59 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by striped aardvark
if you can think of something off the top of your head to make that go away, i'd be grateful!)

best,
joan
Two things I can think of.
Add image code to each menu item. For instance add image code to the right of the first menu item etc.

Add a class to the anchor menu items. If you don't see a class check box you have to turn it on via Screen Options.
Then use the class with the following CSS.
HTML Code:
.class-name a:hover {
    background: white !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.
  #5  
Old Apr 16, 2013, 02:33 PM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
thank-you! i'm trying those.. I didn't even know we could give menu items a class! so I called them anchorhover, and added this code to the inserts :

.class-anchorhover a:hover
{
background: white !important;
}

but it didn't work. damn! I've searched the source, and each anchor also has an id like this.. li id="menu-item-43" .. so with my limited css skills, I thought maybe something like :

li.menu-item-43 a:hover
{
background: white !important;
}

or

#menu-item-43 a:hover {
background: white !important;
}

no luck with either of those.. but i'm fairly certain i'm doing something wrong with that code.

what about some way of making the anchors not links at all? so they don't even qualify for the hover code?
  #6  
Old Apr 16, 2013, 02:35 PM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
hold the phone - my clunky code did the trick! many thanks you guys!!!
  #7  
Old Apr 16, 2013, 02:45 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
For the class of anchorhover don't add class- before your class name you would use.
HTML Code:
.anchorhover a:hover
{
background: white !important;
}
By using a class you won't have to find the id of each item although that works fine as well.
__________________
~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.
  #8  
Old Apr 16, 2013, 03:01 PM
striped aardvark
 
50 posts · Mar 2010
dundas, ontario, canada
w00t! thank-you so much! I won't forget!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] menu two menu items links to same page / external link inside dropdown menu thekjub9 Page & Category Menu Bars 1 May 24, 2011 07:59 PM
Background image in menu items inkdork Page & Category Menu Bars 5 Feb 20, 2011 12:22 PM
background-image for Sub-menu items / ul.children Fux Page & Category Menu Bars 7 Jul 18, 2010 03:22 AM
Background Image for Category Menu Items joan Page & Category Menu Bars 3 Apr 19, 2010 04:30 AM
[SOLVED] Page Menu Bar - Strange Space Occurring Between Menu Items NealSchaffer Page & Category Menu Bars 2 Jun 20, 2009 11:18 AM


All times are GMT -6. The time now is 04:11 PM.


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