Jump to content


Photo
- - - - -

Changing Background Colour On Header And Footer

header colour customization footer

Best Answer Danny , 02 April 2013 - 12:15 PM

@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.

Go to the full post


  • Please log in to reply
11 replies to this topic

#1 rishabhsoulriderin

rishabhsoulriderin

    Member

  • Members
  • 21 posts
  • LocationIndia
  • Framework Version:PageLines Framework 2.3.2

Posted 29 October 2012 - 08:42 AM


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





#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 29 October 2012 - 09:38 AM

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:


Please Login or Register to see this Hidden Content

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

#3 rishabhsoulriderin

rishabhsoulriderin

    Member

  • Members
  • 21 posts
  • LocationIndia
  • Framework Version:PageLines Framework 2.3.2

Posted 30 October 2012 - 09:33 AM

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,

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 30 October 2012 - 10:10 AM

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 -

Please Login or Register to see this Hidden Content



#5 rishabhsoulriderin

rishabhsoulriderin

    Member

  • Members
  • 21 posts
  • LocationIndia
  • Framework Version:PageLines Framework 2.3.2

Posted 30 October 2012 - 11:46 AM

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

Please Login or Register to see this Hidden Content



I added the code as suggested by Jenny from the link

Please Login or Register to see this Hidden Content


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

#6 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 30 October 2012 - 05:03 PM

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.

Please Login or Register to see this Hidden Content



#7 rishabhsoulriderin

rishabhsoulriderin

    Member

  • Members
  • 21 posts
  • LocationIndia
  • Framework Version:PageLines Framework 2.3.2

Posted 31 October 2012 - 05:25 AM

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 :)

#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 November 2012 - 05:01 AM

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

#9 barbuto

barbuto

    Newbie

  • Members
  • 2 posts
  • Country: Country Flag

Posted 02 April 2013 - 12:12 PM

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.



#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 April 2013 - 12:15 PM   Best Answer

@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.



#11 barbuto

barbuto

    Newbie

  • Members
  • 2 posts
  • Country: Country Flag

Posted 02 April 2013 - 12:18 PM

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

:stuff:



#12 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 April 2013 - 12:25 PM

No problem, happy to help!







Also tagged with one or more of these keywords: header, colour, customization, footer