Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] Having trouble modifying menu items


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 11, 2012, 02:08 PM
marvinmartian
 
2 posts · Nov 2012
I have a wordpress site running off bluehost.com here:

www.davetopper.com

Read through the docs wp-admin/theme-editor.php but there are a few issues:

When going to Appearance -> Montezuma Options ->

there is a nice looking breakout and descriptions of various parts of the themes. Ok.

What I'm trying to do on my site is change the icons for each menu. I don't want stars over everything. The theme comes with an image icon file but when trying to select other icons, it either doesn't work or I'm misunderstanding it.

So, from the docs:

// Copy & paste the number of the icon into the CSS code below, (1) // as the second number (2) for the menu item you want to use it for // (3) into the textarea of the appropriate menu, like this:
// #menu1 .page-sample-page > a > i { background-position: 0px -1464px; }

But in my menus_menu1.css I see:

/* Part 1- for default state: */
#menu1 .flying > a > i { background-position: 0px 0px; }
#menu1 .another-page > a > i { background-position: 0px -24px; }
#menu1 .research > a > i { background-position: 0px -48px; }
#menu1 .thinking > a > i { background-position: 0px -72px; }
#menu1 .videos > a > i { background-position: 0px -96px; }

and no amount of changing the 2nd number seems to have any effect.

Also, I'm confused about the above. It would seem as though that code selects a different image for each menu item (eg., 24px, 48px, etc...). But on my page above it clearly doesn't. Stars only (0px) for everything.

I'm just seeking the shortest path to changing the stars into some of the other icons.

Also, I don't actually find a menus-menu1.css file. I do find:

wp-content/themes/montezuma/admin/default-templates/css/52-menus-menu1.css

Even just editing that file directly doesn't seem to change anything.
  #2  
Old Nov 11, 2012, 02:30 PM
juggledad's Avatar
juggledad
 
21,702 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
you should also see a hover state so the css should look something like
HTML Code:
/* Part 1- for default state: */
#menu1 .page-sample-page > a > i { background-position: 0px 0px; }
#menu1 .page-about > a > i { background-position: 0px -1824px; }
#menu1 .page-sample-page > a > i { background-position: 0px -48px; }
#menu1 .page-page-with-comments > a > i { background-position: 0px -72px; }
#menu1 .item-calendar > a > i { background-position: 0px -96px; }
#menu1 .page-shop > a > i { background-position: 0px -120px; }
#menu1 .page-cart > a > i { background-position: 0px -144px; }
#menu1 .page-checkout > a > i { background-position: 0px -168px; }
/* Part 2 - for hover state: */
#menu1 .page-sample-page:hover > a > i, #menu1 .page-sample-page.active > a > i { background-position: -24px 0px; }
#menu1 .page-about:hover > a > i, #menu1 .page-about.active > a > i { background-position: -24px -1824px; }
#menu1 .page-sample-page:hover > a > i, #menu1 .page-sample-page.active > a > i { background-position: -24px -48px; }
#menu1 .page-page-with-comments:hover > a > i, #menu1 .page-page-with-comments.active > a > i { background-position: -24px -72px; }
#menu1 .item-calendar:hover > a > i, #menu1 .item-calendar.active > a > i { background-position: -24px -96px; }
#menu1 .page-shop:hover > a > i, #menu1 .page-shop.active > a > i { background-position: -24px -120px; }
#menu1 .page-cart:hover > a > i, #menu1 .page-cart.active > a > i { background-position: -24px -144px; }
#menu1 .page-checkout:hover > a > i, #menu1 .page-checkout.active > a > i { background-position: -24px -168px; }
you have to change the icin number in both parts.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Nov 11, 2012, 02:52 PM
lmilesw's Avatar
lmilesw
 
9,964 posts · Jul 2009
Central New York State USA
In the "Using menu icons" section of the theme option make the chages you want. Then copy the resulting code and paste into the appropriate place into the appropriate css section of the theme options such as menus_menus1.css and save.
__________________
~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.
  #4  
Old Nov 13, 2012, 08:39 AM
marvinmartian
 
2 posts · Nov 2012
Hey guys,

Thanks. I got it. I had to add .page- before the auto-generated code. Works now.

Thanks.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Trying to make pages menu sticky - javascript trouble? crashley1784 Page & Category Menu Bars 7 Sep 26, 2012 09:24 PM
having trouble aligning the top menu lisacole Page & Category Menu Bars 1 Nov 15, 2011 02:06 PM
[SOLVED] I'm having some trouble getting my second Menu to show up. Any help apprecia misscabrina Page & Category Menu Bars 2 Jun 1, 2011 07:46 PM
[SOLVED] menu two menu items links to same page / external link inside dropdown menu thekjub9 Page & Category Menu Bars 1 May 24, 2011 06:59 PM


All times are GMT -6. The time now is 12:54 AM.


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