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 »

Align menu bar links


  #1  
Old Aug 26, 2010, 05:26 AM
Craig Atkinson's Avatar
Craig Atkinson
 
53 posts · Mar 2009
Is there a way of aligning the links on menu bars left rather than center?
see here: http://www.caferoyalbooks.com
the links are to the right of the blog title, I'd like them in line on the left side.
  #2  
Old Aug 26, 2010, 09:50 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Look at the menu section in the theme options.
__________________
~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.
  #3  
Old Aug 26, 2010, 10:48 AM
Craig Atkinson's Avatar
Craig Atkinson
 
53 posts · Mar 2009
I did, that's why I asked, I can't find an option
  #4  
Old Aug 26, 2010, 03:04 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You use %pages instead of %page-center or %page-right. If you are using %pages you have other issues.
__________________
~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 Aug 26, 2010, 03:45 PM
Craig Atkinson's Avatar
Craig Atkinson
 
53 posts · Mar 2009
I'm sorry I mustn't have been clear about what I need. When using %pages the links align left by default. However, each link text is in the center of a tab. I want to know how to left align the text within the tab, to bring the first letter inline with the blog title, rather than about 5px to the right.
  #6  
Old Aug 26, 2010, 04:05 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Sorry... Now I understand. Try adding the following to ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
ul#rmenu2 {margin-right:25px;}
__________________
~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.
  #7  
Old Aug 28, 2010, 12:35 AM
Craig Atkinson's Avatar
Craig Atkinson
 
53 posts · Mar 2009
Hm, didn't seem to do anything.
If you look at my page links at the top, they are set in about 10px compared to the left edge of the blog title, 'Café Royal Books'. I'd like the left edge of the page menu link to be aligned / flush with the left edge of the blog title.

At present it looks like when you add a page link it sets itself in a tab with a 10px padding, I need to be able to change that padding.

Site
  #8  
Old Aug 28, 2010, 07:42 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Now I'm confused again. I'm seeing a right aligned menu like in this screenshot. I'm not sure what padding you are talking about to line up with the blog title.
__________________
~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.
  #9  
Old Aug 28, 2010, 02:18 PM
Craig Atkinson's Avatar
Craig Atkinson
 
53 posts · Mar 2009
Yeah sorry, I moved it back to the right. It doesn't matter so much any more but you can see what I mean on the right too.

Look at the right end of the bar in the header. Look at where the links finish, approx. 5px in from the end. I just wanted to know how to get the link right up to the end of the bar.
  #10  
Old Aug 28, 2010, 03:21 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
OK let's try again. How about
If the menu is right aligned use
HTML Code:
div#menu1 {margin-right:10px;}
OR
If the menu is left aligned use
HTML Code:
div#menu1 {margin-left:10px;}
And if neither of those work for some reason add !important after the margin as here
HTML Code:
div#menu1 {margin-right:10px !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.
  #11  
Old Oct 18, 2010, 08:42 PM
aravere's Avatar
aravere
 
56 posts · Sep 2010
rural Virginia, US
Hi- I was following the thread and making changes, but I'm not sure if I'm in the same boat. I like my main (parent) menu centered, but would like the dropdown submenus flush left, not centered like the parent menu. Possible?

Here's my site: www.timothychambers.com/wordpress.

Thanks! BTW- love this theme and forum; the more I plug away at this the easier it becomes and makes more sense. Thanks again for your patience w all of us.
__________________
I am using WP 3.5.1 and ATA 3.4.6
  #12  
Old Oct 18, 2010, 08:53 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You could left align the text in the sub menus by adding the following to ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
.sub-menu {
text-align:left;
}
__________________
~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.
  #13  
Old Oct 18, 2010, 09:08 PM
aravere's Avatar
aravere
 
56 posts · Sep 2010
rural Virginia, US
That worked...now how do I indent the text so that it's still a bit indented compared to the centered parent menu tabs?

www.timothychambers.com/wordpress (take a peek) Thanks again!
__________________
I am using WP 3.5.1 and ATA 3.4.6
  #14  
Old Oct 18, 2010, 09:26 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Use left padding
__________________
~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.
  #15  
Old Oct 19, 2010, 09:02 AM
aravere's Avatar
aravere
 
56 posts · Sep 2010
rural Virginia, US
Left padding- I'm still trying to understand what to do when you guys suggest adding code or manipulating it (such as "add left padding"!). So...where and how do I do this? I.e., how do I add only left padding as opposed to both left and right? Is there a standard sequence when it comes to padding numbers? Is it always left, right, top, bottom, or something like that? Thx again
__________________
I am using WP 3.5.1 and ATA 3.4.6
  #16  
Old Oct 19, 2010, 09:26 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Padding and much of styling for Atahualpa is all just CSS. for instance in your situation adding left padding means changing the code I previously gave you to .
HTML Code:
.sub-menu {
text-align:left; 
padding-left: 5px;
}
The 5px may need to be changed to your liking however.

To get the most out of Atahualpa it is important to become familiar with CSS. The place I recommend is w3schools.com.
__________________
~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.
  #17  
Old Oct 19, 2010, 10:06 AM
aravere's Avatar
aravere
 
56 posts · Sep 2010
rural Virginia, US
Thanks for another quick response. I added that to CSS, but no difference (see the "Instruction" menu tab at www.timothychambers.com/wordpress). Here's what I have at ATO>Add HTML/CSS Inserts>CSS Inserts:

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active
{
padding: 4px 10px;
}

.sub-menu {
text-align:left;
padding-left: 20px;
}
What am I missing here that it's not working?
__________________
I am using WP 3.5.1 and ATA 3.4.6
  #18  
Old Oct 19, 2010, 11:08 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
My bad... Didn't test that one. Try adding !important as below and see if that gives you what you want.
HTML Code:
.sub-menu {
text-align:left; 
padding-left: 5px !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.
  #19  
Old Oct 19, 2010, 12:19 PM
aravere's Avatar
aravere
 
56 posts · Sep 2010
rural Virginia, US
Yep, that worked! Apparently, !important is important. (don't know why, but obviously you do)

Thx for your help. I'll be making a donation to your account!
__________________
I am using WP 3.5.1 and ATA 3.4.6
  #20  
Old Oct 19, 2010, 12:40 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The !important is for situations where you need to overwrite other CSS. The !important says "USE THIS" instead of whatever else is there.
__________________
~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.

Bookmarks

Tags
align, menu, page

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do i align my page menu bar with my logo ? jostakid Header configuration & styling 2 Jun 17, 2010 06:21 AM
Control spacing in menu bar: left-align some; right align others; blank space between sarah97302 Page & Category Menu Bars 1 Nov 16, 2009 01:47 PM
Left align first item in page bar menu - joaodagraca Page & Category Menu Bars 1 Aug 6, 2009 04:00 AM
Left align first item in page bar menu joaodagraca Header configuration & styling 1 Jul 29, 2009 11:35 AM
[SOLVED] Left align first item in page bar menu joaodagraca Page & Category Menu Bars 2 Jul 27, 2009 03:27 AM


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


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