Archived

This topic is now archived and is closed to further replies.

  • 0

Changing Background Colour On Header And Footer


Question

Posted · Report post

hi there, i was wondering if you could help.

I would like make my header background colour black to match the look and feel of my site.

Could you tell me what to do? i inserted the body { background-color: black; } in my header script and the same thing appeared on my header.

site url www.soulrideruniversal.com

I am not an expert on CSS so would really appreciate your help.

Many thanks, Rishabh



Share this post


Link to post
Share on other sites

11 answers to this question

Posted · Report post

@Barbuto,

 

Go to Wordpress Admin Dashboard > PageLines > Site Options > Color Control and change the body color from black to your desired color, save settings and the footer background should be the correct color.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny, thanks so much for your reply. I have added the content and the color doesnt seem to change.

I would like the area that is right on the top of the page to be black. I would like to add my email address right on top with a black background.

I added the code you shared above to the Custom CSS/LESS box - but it seems to change the color of the nav bar.

Thanks for your help! really appreciate it.

Cheers,

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

OK, well that is not what you asked in your first post, you asked how to make your header black. I provided you with the code to color your header area, but like I mentioned you have no content in your header. The Masthead at the time of checking your site was in your Page Template Area.

You have also added the custom CSS to the wrong area, you appear to have added the code to the Header Scripts area, please remove it and add this to the CSS/LESS editor.

If you wish to add your contract information to your site, please see this topic for instructions - http://www.pagelines.com/forum/topic/21934-how-do-i-add-text-to-my-header/#entry128640

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you Danny. I apologise for the misrepresentation. As a novice, its sometimes hard to communicate clearly.

Okay here goes.

Yes, I have added the code - This is whats happening - have a look

http://www.soulrideruniversal.com/blog

I added the code as suggested by Jenny from the link http://www.pagelines...er/#entry128640

Its giving me less compile error

I would like my contact details to appear on the top of the page - with a black background and white text.

Really appreciate your help.

Kind regards,

Rishabh

Share this post


Link to post
Share on other sites

Posted · Report post

Hi! I have this same problem with my site www.askainen.fi I need to change the footer color to BE9D4A

 

There are lots of features in settings, but setting a color doesn't exist.... should be something basic.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks! My mistake, I thought this was changing the whole bakcground.

:stuff:

Share this post


Link to post
Share on other sites

Posted · Report post

No problem, happy to help!

Share this post


Link to post
Share on other sites

Posted · Report post

I can't see the contact details on the site yet, let us know when you've got them up there and we'll take a look

Share this post


Link to post
Share on other sites

Posted · Report post

The code from the post you linked goes in the custom functions.php file which is only available when using a child theme or the PageLines Customize plugin. Learn how to add customization in PageLines.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

I have viewed your website and your site or header isn't black so I am not sure what you would like to achieve. If you wish your header to be black, use the following custom CSS:


#header {
background-color: black;
}[/CODE]

However, you have no content in your Header, so this code will no doing anything until you add content.

Share this post


Link to post
Share on other sites

Posted · Report post

This is fantastic - thank you Jenny and Danny. I feel so empowered right now :)

Jenny, if i wish to make the background where my details appear - black and the text in white - can you suggest the appropriate code! I really appreciate it.

You guys rock :)

Have a profitable day!

Blaze your trail :)

Share this post


Link to post
Share on other sites