Jump to content
allanlove

Header Background

Recommended Posts

allanlove

I have set the page background on my site to white and the actual background of the site is black. The problem i have is that the white goes all the way up behind the header to the very top of the browser window. Can you please help me get it to stop at the top of the page content? Do i need to use some custom CSS? If so, what is it please?

Share this post


Link to post
Share on other sites
Danny

Hi Allan,

 

I apologise but I am not quite sure what you're referring to, would it be possible for you to create an image, displaying the layout you wish to achieve please. Once we have this, we will be able to assist you further.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
allanlove

Hi, please have a look at http://hypnoarts.com  I want the white background to stop at the top of the boxes so the header image is on the actual site background. Hope that makes sense!

Share this post


Link to post
Share on other sites
Danny

In order to achieve this layout, you will will need to use custom CSS. Unfortunately, we are unable to provide you the custom CSS needed to achieve your layout.

 

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the sections content div to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

 

All sections follow the same HTML structure, below is just an example.

 

https://gist.github.com/anonymous/5253851

 

Now you will need to use your sections .content class. So you CSS would look something like this:

 

https://gist.github.com/anonymous/5253879

 

So for example, let's say you're using the Branding section and wish to have a white background in the content area of your Branding section. The CSS would look like this:

 

#site .section-branding .content { 
}

 

 

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
allanlove

Ok, so i have managed to sort that bit with

 

#site .section-branding .content {background: rgba(255, 255, 255, .0);
}

 

Now there is too much padding in the branding section, i can't work out the CSS to change it, could you please help me with this one?

Share this post


Link to post
Share on other sites
James B

Hi there, to remove the padding from a section you'll need to follow Danny's guide above to find the area the padding is coming from and the correct css path like you did with - #site .section-branding .content then you can remove the padding using {padding:0;}

 

If you're using firebug to locate and edit your css you'll notice when you hover over the html in the web inspector the appropriate area in the preview window above is highlighted. If you see a dark thick blue line or yellow line that relates to padding/margins. So then you know then you've found the correct area in the html that the padding is applied to.


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
allanlove

James, Danny

 

Thanks for all your help guys, I now have the header looking just right and I have learnt some stuff too!

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


  • Similar Content

    • 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!
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek+
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
×