• 0
Sign in to follow this  
Followers 0

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

Question

Posted · Report post

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

10 answers to this question

  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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
  • 0

Posted · Report post

That's better, thanks Kastelic but how about making it 100% wide?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

Try adding this code for making it 100% width: [code]#secondnav .content-pad { width: 100%; float:right;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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  
Followers 0