Jump to content


Photo
- - - - -

CSS for removing space between branding and header

branding header css remove

Best Answer Danny , 23 November 2012 - 01:39 PM

Hi,

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



 
#site .section-branding .content {
background: transparent;
}
Go to the full post


  • This topic is locked This topic is locked
17 replies to this topic

#1 gisow

gisow

    Member

  • Members
  • 12 posts

Posted 02 October 2012 - 01:33 PM

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:

Please Login or Register to see this Hidden Content



Many thanks in advance.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 02 October 2012 - 02:22 PM

You might need to adjust the margin parameters for the header or branding section instead by using negative values:

Please Login or Register to see this Hidden Content



#3 gisow

gisow

    Member

  • Members
  • 12 posts

Posted 05 November 2012 - 12:47 PM

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.

#4 basmati

basmati

    Advocate

  • Members
  • 264 posts
  • Framework Version:PageLines Framework (always the latest)
  • Country: Country Flag

Posted 05 November 2012 - 02:19 PM

my suggestion: put the top background image

Please Login or Register to see this Hidden Content

in .page-canvas and delete #top_page_border and also #footer_page_border

Please Login or Register to see this Hidden Content

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.

#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 November 2012 - 06:18 PM

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

#6 gisow

gisow

    Member

  • Members
  • 12 posts

Posted 08 November 2012 - 01:00 PM

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

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 08 November 2012 - 04:15 PM

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

Please Login or Register to see this Hidden Content


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

#8 gisow

gisow

    Member

  • Members
  • 12 posts

Posted 16 November 2012 - 12:23 PM

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


Please Login or Register to see this Hidden Content


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

#9 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 November 2012 - 03:42 PM

Please Login or Register to see this Hidden Content

<- Is a coming soon page currently activated here or is this the homepage?

#10 James B

James B

    Advocate

  • Members

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

Posted 17 November 2012 - 01:02 AM

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

Please Login or Register to see this Hidden Content



If so try this css

Please Login or Register to see this Hidden Content


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.

Please Login or Register to see this Hidden Content



#11 gisow

gisow

    Member

  • Members
  • 12 posts

Posted 21 November 2012 - 12:58 PM

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

#12 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 21 November 2012 - 03:39 PM

What exactly are you trying to fix? And what conflict is being caused?

#13 gisow

gisow

    Member

  • Members
  • 12 posts

Posted 22 November 2012 - 01:06 PM

Hello Catrina, the only problem that remain is that currently the branding/header is making an appearance above the border as seen here

Please Login or Register to see this Hidden Content

, what i want is for it to be displayed as James B suggested

Please Login or Register to see this Hidden Content

.

Hope there is a simple solution for this issue.

Best regards

#14 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 November 2012 - 04:03 PM

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.

#15 gisow

gisow

    Member

  • Members
  • 12 posts

Posted 23 November 2012 - 11:44 AM

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

Please Login or Register to see this Hidden Content

I can't believe something that looks this trivial is so hard to solve in pagelines.

Hope for a final solution,
Best regards

#16 Danny

Danny

    Is Awesome!

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

Posted 23 November 2012 - 01:39 PM   Best Answer

Hi,

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



Please Login or Register to see this Hidden Content


  • gisow likes this

#17 jmoffett

jmoffett

    Newbie

  • Members
  • 1 posts

Posted 19 February 2013 - 12:41 AM

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

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  228.1KB   0 downloads



#18 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 19 February 2013 - 12:45 AM

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







Also tagged with one or more of these keywords: branding, header, css remove