Jump to content
Sign in to follow this  
chasenet

Align secondary nav to the right and footer colors/width questions

Recommended Posts

chasenet    0
chasenet

Hi all. Any help with the following questions greatly appreciated. I'd like to align the secondary navigation to the right on this site I'm working on: http://www.englishstandard.co (at the top) Also I've changed the background colour of morefoot and the colour of most of the text. Can anyone help me out changing the colour of the titles to white too e.g. "Write for us..." I'd also like the morefoot panel container of to spread 100% wide and be fixed to the bottom of the page (i.e. no gap) but have the three columns stay central as they are now. Can anyone tell me how to do this? Sorry if this seems obvious but I've tried several times with no joy. thanks - Ash

Share this post


Link to post
Share on other sites
Rob    547
Rob
Ash, Try the following code in Dashboard > Pagelines > Custom Code in CSS Rules: [code]#secondnav .content-pad { float:right; }[/code] Let me know if that works. Why do you have "Contact Us" on both levels?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
chasenet    0
chasenet
Thanks Range - works a treat. So simple when you know how! Yes aware of the nav duplication the site's in extreme prototype mode at the moment. Is there as swift and easy fix for the morefoot panel?

Share this post


Link to post
Share on other sites
kastelic    6
kastelic
Try putting it in the Footer area rather than at the bottom of the Main Content area.

Share this post


Link to post
Share on other sites
chasenet    0
chasenet
That's better, thanks Kastelic but how about making it 100% wide?

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
You could try using the 5-column footer instead of more-foot and then add 5 widgets to the widget panel but only put content in the center 3.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
chasenet    0
chasenet
Hi and thanks. Not sure that would give me what I want. The footer which is currently in a centred dark grey box - with white each side. It's the containing box I want to be 100% width of the browser i.e. no white space either left or right of it. I'm happy with the positioning of the three columns and want them to stay where they are. See what I mean?

Share this post


Link to post
Share on other sites
catrina    103
catrina
Try adding this code for making it 100% width: [code]#secondnav .content-pad { width: 100%; float:right;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
chasenet    0
chasenet
Thanks again - but it's the footer I want 100% width...! the secondary nav is fine now. Perhaps this will make it clear what I'm trying to achieve... http://www.englishstandard.co/images/foooter-exp.jpg

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, Try this and let me know if it worked. Go to PageLines > Settings > Color Control and change the 'Site Design Mode' to 'Full-Width Sections' and then add this to your custom CSS. [code]#footer {background: #333;}[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
chasenet    0
chasenet
Yes that's it - thanks very much - I must have missed or misunderstood that bit on the page.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×