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 »

change icon menu1


  #1  
Old Dec 13, 2012, 12:14 PM
fafa
 
39 posts · Dec 2012
change icon menu1

Hi

I read all post below :

http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon
http://forum.bytesforall.com/showthr...ht=change+icon

and do ... but nothing happened :

my permalinks is in "/%postname%/" post name also i change it for test but no thing happened ...

I delete cache of browser but no thing happened ...


let's :
I have a meue1 with 4 link

1. in "Using Menu Icons" i see in "CSS for icons in "Menu 1"" this code :

Code:
/* Part 1- for default state: */
#menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87 > a > i { background-position: 0px 0px; }
#menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa > a > i { background-position: 0px -24px; }
#menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7 > a > i { background-position: 0px -48px; }
#menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae > a > i { background-position: 0px -72px; }
/* Part 2 - for hover state: */
#menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87:hover > a > i, #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87.active > a > i { background-position: -24px 0px; }
#menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa:hover > a > i, #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa.active > a > i { background-position: -24px -24px; }
#menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7:hover > a > i, #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7.active > a > i { background-position: -24px -48px; }
#menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae:hover > a > i, #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae.active > a > i { background-position: -24px -72px; }
as in example I should change second number . so new code will be this :


Code:
/* Part 1- for default state: */
#menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87 > a > i { background-position: 0px -2376px; }
#menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa > a > i { background-position: 0px -2376px; }
#menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7 > a > i { background-position: 0px -2376px; }
#menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae > a > i { background-position: 0px -2376px; }
/* Part 2 - for hover state: */
#menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87:hover > a > i, #menu1 .item-%d8%a7%d8%af%d8%a7%d9%85%d9%87.active > a > i { background-position: 0px -2376px; }
#menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa:hover > a > i, #menu1 .page-%d8%a2%d8%b1%d8%b4%db%8c%d9%88-%d8%a7%d8%ae%d8%a8%d8%a7%d8%b1-%d8%b3%d8%a7%db%8c%d8%aa.active > a > i { background-position: -24px -2376px; }
#menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7:hover > a > i, #menu1 .page-%d8%af%d9%84-%d9%86%d9%88%d8%b4%d8%aa%d9%87-%d9%87%d8%a7.active > a > i { background-position: -24px -2376px; }
#menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae:hover > a > i, #menu1 .page-%d9%be%d8%b1%d8%b3%d8%b4-%d9%88-%d9%be%d8%a7%d8%b3%d8%ae.active > a > i { background-position: -24px -2376px; }
I change all second number to "-2376px"

now I copy this code to "menus_menu1.css" and save it but nothing happened ... just show star
  #2  
Old Dec 13, 2012, 07:31 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is your permalink set to?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 14, 2012, 01:38 AM
fafa
 
39 posts · Dec 2012
Quote:
Originally Posted by juggledad
what is your permalink set to?
post name : /%postname%/

also I try other and check but no thing happened
  #4  
Old Dec 14, 2012, 04:33 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is your url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 14, 2012, 03:45 PM
fafa
 
39 posts · Dec 2012
Quote:
Originally Posted by juggledad
what is your url?
it's in localhost in my PC . I cant use it in my site until I change Upload folder of theme.

http://forum.bytesforall.com/showthread.php?t=19116
  #6  
Old Dec 14, 2012, 05:43 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try changing the permalinks to the default then look at the menu css and see what it looks like.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 7, 2013, 08:56 AM
wmike1503
 
10 posts · Feb 2010
Used to Atahualpa - struggling a little with Montezuma. In the backend it says something like - replace the numbers using the numbers from the listed icons and then shows the two items of code to put the icon number into - where does this number go?

/* Part 1- for default state: */
#menu1 .sample-page > a > i { background-position: 0px 0px; }
/* Part 2 - for hover state: */
#menu1 .sample-page:hover > a > i, #menu1 .sample-page.active > a > i { background-position: -24px 0px; }

I've tried entering the icons number in each background position second number - ie instead of 0px, now 2184px - this has no effect at all - still showing stars.

Baffled

Cheers,

Mike

Last edited by wmike1503; Aug 7, 2013 at 12:00 PM.
  #8  
Old Aug 7, 2013, 02:50 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
What's your site's URL? It would be easier to see what's going on if we could look at it.

And what is the actual class that you are using as your selector in your CSS? I hope it's not .sample-page. It should be something like .page-about, or something similar to the menu text (you can use Firebug to see what the classes are for each menu1 <li>).
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Last edited by CrouchingBruin; Aug 7, 2013 at 04:51 PM.
  #9  
Old Aug 9, 2013, 10:54 AM
wmike1503
 
10 posts · Feb 2010
Doh!

Thanks for that. Made a little progress.

Currently have this:

/* Part 1- for default state: */
#menu1 .about-first-in-the-omelette-queue > a > i { background-position: 0px -2064px; }
#menu1 .todays-smile > a > i { background-position: 0px -2064px; }
/* Part 2 - for hover state: */
#menu1 .about-first-in-the-omelette-queue:hover > a > i, #menu1 .about-first-in-the-omelette-queue.active > a > i { background-position: -24px -2088px; }
#menu1 .todays-smile:hover > a > i, #menu1 .todays-smile.active > a > i { background-position: -24px -2088px; }

The above code makes no difference - stars only. The top menu (with only 2 items is menu1) - here is the link (only a demo page - work in progress) - http://www.wrightplace.co.uk/view

Also - do I have to set the icon for each individual link in the menu?

Sorry to be a bit dim, am I missing something obvious.

Cheers,

Mike

Last edited by wmike1503; Aug 9, 2013 at 11:22 AM.
  #10  
Old Aug 9, 2013, 02:27 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
You're almost there. If you use Firebug, you can see what the classes are for the different menu list items (<li>).

For your two menu items, the classes are page-about-first-in-the-omelette-queue and page-todays-smile, so you just need to add the page- to the front of your selectors:
Code:
#menu1 .page-about-first-in-the-omelette-queue > a > i { background-position: 0px -2064px; }
Quote:
Also - do I have to set the icon for each individual link in the menu?
No, if you look just above that section, you'll see that there are default rules that will display a star if a class selector hasn't been specified (which why your menu items are currently showing up as stars). If you want to hide the icon for a specific menu item, you can use display: none; instead of the background-position rule.

Quote:
Sorry to be a bit dim, am I missing something obvious.
I think many of us (myself included) struggled with the menu icons at first, but once you understand what's going on, it's easy.
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Last edited by CrouchingBruin; Aug 9, 2013 at 02:32 PM.
  #11  
Old Aug 10, 2013, 02:30 AM
wmike1503
 
10 posts · Feb 2010
Hi,

Many thanks for that - yep- I've got the icons to change now. My only remaining problem is that you can see the other icons when the icons change from white to blue.

Is there any way to make the transition smooth - showing only the one icon sliding to it's new coloured one. Hope that sounds reasonable.

Many thanks for your help,

Cheers,

Mike

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Where can I change the Home icon? Virtualmotorpix Montezuma Theme 0 Dec 6, 2012 09:46 AM
[SOLVED] Change icon menu and change home title with logo fastmediafree Montezuma Theme 9 Dec 3, 2012 10:31 AM
how to change link on rss icon Zed RSS, Feeds & Subscribing 0 Sep 17, 2009 01:09 PM
How to change the logo icon johullster Forum How-To 5 Sep 13, 2009 10:12 AM
How to change the RSS and Comments icon to a bigger one??? ngc RSS, Feeds & Subscribing 6 Jun 19, 2009 12:52 PM


All times are GMT -6. The time now is 07:52 AM.


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