Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Having trouble modifying menu items


  #1  
Old Nov 11, 2012, 02:08 PM
marvinmartian
 
2 posts · Nov 2012
[SOLVED] Having trouble modifying menu items

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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 11, 2012, 02:52 PM
lmilesw's Avatar
lmilesw
 
10,176 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 02:32 PM.


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