|
#1
Aug 26, 2010, 06:26 AM
|
|
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
Aug 26, 2010, 10:50 AM
|
|
|
|
10,176 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
Aug 26, 2010, 11:48 AM
|
|
I did, that's why I asked, I can't find an option
|
#4
Aug 26, 2010, 04:04 PM
|
|
|
|
10,176 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
Aug 26, 2010, 04:45 PM
|
|
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
Aug 26, 2010, 05:05 PM
|
|
|
|
10,176 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
Aug 28, 2010, 01:35 AM
|
|
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
Aug 28, 2010, 08:42 AM
|
|
|
|
10,176 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
Aug 28, 2010, 03:18 PM
|
|
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
Aug 28, 2010, 04:21 PM
|
|
|
|
10,176 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
Oct 18, 2010, 09:42 PM
|
|
|
|
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
Oct 18, 2010, 09:53 PM
|
|
|
|
10,176 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
Oct 18, 2010, 10:08 PM
|
|
|
|
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
Oct 18, 2010, 10:26 PM
|
|
|
|
10,176 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
Oct 19, 2010, 10:02 AM
|
|
|
|
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
Oct 19, 2010, 10:26 AM
|
|
|
|
10,176 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
Oct 19, 2010, 11:06 AM
|
|
|
|
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
Oct 19, 2010, 12:08 PM
|
|
|
|
10,176 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
Oct 19, 2010, 01:19 PM
|
|
|
|
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
Oct 19, 2010, 01:40 PM
|
|
|
|
10,176 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.
|
|