Jump to content
Sign in to follow this  
rishabhsoulriderin

Changing Background Colour On Header And Footer

Recommended Posts

rishabhsoulriderin

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
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rishabhsoulriderin

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
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rishabhsoulriderin

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
Jenny

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.


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
rishabhsoulriderin

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
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
barbuto

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
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
barbuto

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

:stuff:

Share this post


Link to post
Share on other sites
Danny

No problem, happy to help!


Please search our forums, before posting!

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  

  • Similar Content

    • yasinyaqoobi
      By yasinyaqoobi
      In the footer of my website, I can't find where Leasing is located. I have to remove it.
       
      http://grandavenueshops.com/
       
       
    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • flourishdesignstudio
      By flourishdesignstudio+
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
×