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] Need some help editing my page menu bar..


  #1  
Old Feb 11, 2011, 10:29 AM
Carles
 
7 posts · Feb 2011
Caldes de Montbui
Hi!

I got stuck with this problem...I want one of the items of my page menu bar to be floating to the right...but i cannot find the way to do it.

I found the way to edit the hole at once menu using CSS in CSS Inserts, but what i need is to edit only one of the items and i cannot find the id of the items to, then, be able to edit only the one i want.

Can someone help me with this? Where can i find the items id?

tnx in advance!
  #2  
Old Feb 11, 2011, 11:21 AM
runnerb0y
 
67 posts · Nov 2010
If you use Firefox, do yourself a huge favor and install Firebug. Learn how to use that little gem and it will save you literally hundreds of hours in developing sites.

In the case of the Page Menu items, they will be identified something like the following...(I'm using ATA 3.6.4, earlier versions may have a slightly different identification.

Code:
<li class="page_item page-item-2">
Obviously the one you're trying to affect could be numbered differently
  #3  
Old Feb 11, 2011, 11:34 AM
Carles
 
7 posts · Feb 2011
Caldes de Montbui
First of all tnx for the fast reply!

I already did that, and i already know how firebug works...it is really amazing! and i already did that but when I tried to edit that class in CSS Inserts, in ATO, it didn't work, i don't know why...i thought that was not the right id...:S

Any idea which can be the problem?

tnx!
  #4  
Old Feb 11, 2011, 11:41 AM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you may have to add an !important' if there is another CSS selector that takes more precedence over the one you are entering.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Feb 11, 2011, 11:48 AM
Carles
 
7 posts · Feb 2011
Caldes de Montbui
Tried that too... and still not working.

I go to ATO, Add HTML/CSS Inserts, and then i write down this code:

.page_item page-item-910{
float:right !important;
}

but it doesn't work. I've tried also changing the margin or the width and height...to check the problem was not on trying to make it float on the right but non of this options work... :S

tnx again for replying that fast
  #6  
Old Feb 11, 2011, 11:54 AM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Page-item-910 is a class so it needs a leading period
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Feb 11, 2011, 11:58 AM
Carles
 
7 posts · Feb 2011
Caldes de Montbui
Srry i don't know what you mean with a leading period... :S

if you mean that the code should be like this:

div#menu1 ul.rMenu li.page_item page-item-910{
float:right !important;
}

it doesn't work either...but as I said, i don't know what is a leading period
  #8  
Old Feb 11, 2011, 12:51 PM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You need a period('.') like this
HTML Code:
div#menu1 ul.rMenu li.page_item .page-item-910 {
float:right;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Feb 11, 2011, 12:56 PM
Carles
 
7 posts · Feb 2011
Caldes de Montbui
Well it had a period like that already, i just didnt know the name it has in english..

Anyway, I sopy pasted your code and still not working...don't know what to do or try anymore..:S

tnx for all the help!
  #10  
Old Feb 11, 2011, 01:10 PM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version of Atahualpa and what is the url?
In 3.6.4 there in now a <span>...</span> surrounding the menu text. You could add padding-left to that item like
HTML Code:
li.page-item-910 a span  {
padding-left:30px;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Feb 11, 2011, 01:33 PM
Carles
 
7 posts · Feb 2011
Caldes de Montbui
I have Atahualpa 3.4.9 and the url is: www.wpprova1.com

What i want is to move the item called "zona privada" to the right as i explained before.

Also i tried your code, and just copy pasting it into CSS Inserts it doesn't work. I don't know if i had to create that <span></span> before to make it work, but as I understood it comes with the new version which I cdon't have.

tnx for the time you're spending in this!
  #12  
Old Feb 11, 2011, 03:24 PM
juggledad's Avatar
juggledad
 
23,597 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
if you want to try retro fitting this, here is the original write-up I was going to do, but I just added it to the code instead. The line numbers are based on 3.5.3 so they might not be right for 3.4.9
HTML Code:
To add <span>...</span> before and after the menu link text do the following

version 3.5.4
1) edit bfa_new_wp3_menus.php
2) find lines 26-32 which should be

	wp_nav_menu( array( 
		'theme_location' => $theme_location, 
		'container' => 'div', 
		'container_id' => $theme_location,
		'menu_class' => $menu_class,
		'menu_id' => $menu_id
		) );

and change them to 

	wp_nav_menu( array( 
		'theme_location' => $theme_location, 
		'container' => 'div', 
		'container_id' => $theme_location,
		'menu_class' => $menu_class,
		'menu_id' => $menu_id,
		'link_before' => '<span>',
		'link_after' => '</span>'
		) );


3) edit bfa_hor_pages.php
4 find lines 6-7 which should be

	$list_pages_string = wp_list_pages('sort_column=' . $sort_order . '&title_li=&depth=' . $levels . '&exclude=' . trim(str_replace(" ", "", 
	$exclude)) . '&echo=0');

and change them to 

	$list_pages_string = wp_list_pages('sort_column=' . $sort_order . '&title_li=&depth=' . $levels . '&exclude=' . trim(str_replace(" ", "", 
	$exclude)) . '&echo=0&link_before=<span>&link_after=</span>');
that should do it for you...at least it should put the <span> in, I don't know it it will fix your issue.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Feb 11, 2011, 03:30 PM
runnerb0y
 
67 posts · Nov 2010
Try this... I believe it will work.

Code:
div#menu1 ul.rMenu li.page-item-910 {
float:right;
}
  #14  
Old Feb 12, 2011, 05:21 AM
Carles
 
7 posts · Feb 2011
Caldes de Montbui
woow! runnerb0y is right, the solution was much easier than what we were going...we just had a mistake in the class name. using the code he sent in the last messege it works, so problem solved!

thanks to all of you to spend your time trying to help me, i was quite lost

Bookmarks

Tags
bar, css insert, item, menu, page

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Atahualpa Page Menu Bar -&gt; BFA Page Menu Bar? bhannemann Page & Category Menu Bars 16 Feb 21, 2011 05:49 AM
[SOLVED] Page Menu Bar - How to change height of background bar acroos the page? kippiper Page & Category Menu Bars 6 Dec 19, 2010 06:13 PM
[SOLVED] Static Pages on the Category Menu Bar instead of Page Bar jkfly4 Page & Category Menu Bars 4 Mar 27, 2010 04:06 AM
Removing (Top) Page Menu Bar - Displaying page menu in left column instead DrewD Page & Category Menu Bars 1 Mar 18, 2010 01:03 PM
[SOLVED] How to create spacing between page menu bar, side bar, and footer? ssoszka Atahualpa 3 Wordpress theme 4 Nov 29, 2009 11:39 AM


All times are GMT -6. The time now is 01:15 AM.


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