Jump to content
gisow

CSS for removing space between branding and header

Recommended Posts

gisow    0
gisow

Hey! I have a quick question about my page, i can't seem to find the padding or the parameter to adjust for removing the white space underneath the header and over the branding section. Anyone that could tell me where and maybe how i can adjust it!

Here's the page: http://bailando.nu/

Many thanks in advance.

Share this post


Link to post
Share on other sites
gisow    0
gisow

Thanks for the reply, but this solution does not seem to work for us. There simply is no change when we add negative values to either header or branding through css. We have done this through the "Custom Code" section in the backend. Some assistances would be very appreciated.

Share this post


Link to post
Share on other sites
basmati    4
basmati

my suggestion: put the top background image

url("http://bailando.nu/wp-content/plugins/pagelines-sections/page-border/images/deco_border_l_top_tall.png") no-repeat scroll center bottom transparent
in .page-canvas and delete #top_page_border and also #footer_page_border

url("http://bailando.nu/wp-content/plugins/pagelines-sections/page-border/images/deco_border_l_bot.png") no-repeat scroll center top transparent

[/code]

and put the background image from that div into the footer

than you can use padding and margin between the elements.

i think that would work more easy than your version.

Share this post


Link to post
Share on other sites
catrina    103
catrina

@basmati Thanks for posting

@gisow Please let us know if basmati's suggestion works for you


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
gisow    0
gisow

Thanks for trying to help basmati its very appreciated, unfortunately my expertise in the area does not allow for me to follow your advise, since i don't know how. Pagelines should as i understand it does not require to much technical knowledge, and i must say I'm very disappointed in the "page borders" section which only seem to mess things up. On top of that it seems "page borders" is removed from the store so i can't contact the developer for help, is this a risk were taking purchasing section/themes & plugins?

Would greatly appreciate if someone could help with a solution since we really want to keep the style, perhaps you could tell me how i would go about applying the changes you suggest basmati and thanks for the suggestions so far.

Best regards

Share this post


Link to post
Share on other sites
catrina    103
catrina

To apply basmati's changes, try adding this to Custom Code > Custom CSS:


.page_canvas {background-image: url("http://bailando.nu/wp-content/plugins/pagelines-sections/page-border/images/deco_border_l_top_tall.png") no-repeat scroll center bottom transparent;}

#footer_page_border, #top_page_border {display: none;}


If it's wrong, I think it's best if basmati advises!


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
gisow    0
gisow

Unfortunately that did not work Catrina, i then tried adding the following:


.content-pad {

    padding-bottom: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-top: 100px;

}

#branding .content-pad {

    padding-bottom: 5px; 

    padding-top: 25px;

}

As you can see on the site that did not work out very well, but perhaps it helps you see the problem. I'm really stressed now and really need to get this to work, hope someone can assist me.

Best regards

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, i've read the above but I'm not really sure what effect you're looking for. I'm assuming you want to move the white space down so you can see the border at the top of page? Like this http://screencast.com/t/0Kpo9iWCE5

If so try this css


#header section:first-child .content-pad {

    margin-top: 46px;

    padding-top: 40px;

}

I think in order to get the border to extend behind the slider you'll need to add is as a background to the slider. Can guarantee that will work but seemed to do the job in firebug.

#features {background: url("http://bailando.nu/wp-content/plugins/pagelines-sections/page-border/images/deco_border_l_mid.png") repeat-y scroll center top transparent;}


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

Thanks James, that fixed the border behind the slider problem, but the css for the header didn't do anything oddly. Otherwise the thing you present in your screenshot is the only thing currently that needs to be solved, tried a few solutions now but there seems to be a conflict somewhere.

Anyone got any idea?

Best regards

Share this post


Link to post
Share on other sites
Rob    547
Rob

The image making up the current header is what has the break in the border, built right into the graphic. It is not caused by code, but by graphics.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gisow    0
gisow

Okey thanks for clearing that up, but how would i go about solving the issue presented? It can't be the logo graphic since its does no overlap http://postimage.org/image/ddjlb6flh/. I can't believe something that looks this trivial is so hard to solve in pagelines.

Hope for a final solution,

Best regards

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

Add this to your custom CSS and apologises it took so long to resolve the issue.



#site .section-branding .content {
background: transparent;
}
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jmoffett    0
jmoffett

I am also having this problem.

I want to remove about a 2 line gap from between the banner and header.

I have been trying to find a solution for weeks but still no luck.

I have tried all of the above.

If the site was for myself I wouldn't be as concerned but it's for a client and me not appearing

like a twit would be desirable.

 

 Thanks in advance

 

Jenny

 

post-47388-0-42841000-1361234419_thumb.p

Share this post


Link to post
Share on other sites
Rob    547
Rob

Jenny, this topic is marked resolved.  Please open a new one and we'll be happy to reply.  You may reference this topic.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

  • Similar Content

    • 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 :-(
       
       
    • Barnaby Skinner
      By Barnaby Skinner+
      Hey team,
      Really simple question: where would I add code to a specific page header? I can see in the settings I can add code to the global header, but can't see how to do it for a single specific page. It's related to facebook pixel tracking
      Cheers
    • Le Chef Est Une Femme
      By Le Chef Est Une Femme+
      Hey everyone
      I am very sorry if this question has a "deja vu"  taste but I have been looking for more than 2 hours a way to add a phone number in the top right corner of my header website.
      Before asking that, I have read many of the questions related to that subject, from hooks and action map to function.php and hooker plugin but I am very lost. Plus many links kindly given by some of you are now 404 pages
      Is there anyone willing to help me find the easiest way to add this number please ? 
      In advance, thank you 
      www.upgrad.paris
×