Jump to content


Photo
- - - - -

getting rid of the space below the branding and above the navigation


  • Please log in to reply
13 replies to this topic

#1 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 24 February 2012 - 12:57 AM

I am new here and having a VERY hard time figuring out how to customize with PageLines. I am beginning to think that I need to be a developer to get anything close to professional results. I hope not. Can you please help me get rid of the space below the branding and above the navigation bar? Also, how do I keep the navigation bar from extending to a second line if there is still room in the first? I would like all of top menu selections on one line, not two. Thank you for any help you can give.

#2 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 24 February 2012 - 01:08 AM

Please send a link to your site :)

#3 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 24 February 2012 - 01:11 AM

Sorry...it is www.wicklessscentsation.com

#4 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 24 February 2012 - 02:03 AM

Using FireFox with FireBug installed I believe this is the code that is causing some of the gap:

Please Login or Register to see this Hidden Content


To make changes to CSS be sure to log into WordPress Admin > PageLines > Settings > Custom Code

#5 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 24 February 2012 - 02:42 AM

I did not add that code. So...how do I get rid of it? Do I go through my editor and look for it? If so, do I just delete it and not replace it?

#6 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 24 February 2012 - 02:52 AM

I deleted the line in Editor and updated. It made no difference so I put it back. Is that line better there or gone? Other than this, I have not done any editing in the Worpress Editor since installing the Pagelines template. I have done everything in the Pageline CSS editor. I see other people have attempted to correct the same problem with code in the CSS editor. I searched the forum and I tried the code that they were given (from the forum) with no success.

#7 catrina

catrina

    Advocate

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

Posted 24 February 2012 - 04:10 AM

I think it is better there. Without the line, it looks somewhat empty.

#8 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 24 February 2012 - 04:30 AM

Can you think of any other ideas for fixing this space issue? I see others have created PageLines pages without this space above and below the branding but I am not experienced enough with coding to recognize how they did it using Firebug. It should be a simple space setting, right? It is frustrating to be stuck on something so conceivably simple. Again, any help is greatly appreciated.

#9 tsalstrand

tsalstrand

    Super Member

  • Members

  • 245 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 24 February 2012 - 05:28 AM

Set the bottom padding to 0px and keep top, right, and left padding at 25px.

Go to the admin panel and on the left side find Pagelines>Settings>Custom CSS. Put it above

Please Login or Register to see this Hidden Content


It'll look something like this:

Please Login or Register to see this Hidden Content



#10 Danny

Danny

    Is Awesome!

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

Posted 24 February 2012 - 01:02 PM

It is not recommended to remove any code using the Wordpress editor. If you wish to change CSS, you need to use either of the following options.

Use the Base child theme -

Please Login or Register to see this Hidden Content


Use the PageLines Customisation plug-in -

Please Login or Register to see this Hidden Content


Use the Settings > Custom Code > CSS Rules

To reduce the space between the Branding and navigation simply add the below code to one of the methods above and then lower the number in the code:

Please Login or Register to see this Hidden Content



#11 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 24 February 2012 - 04:00 PM

I tried doing exactly what you recommended. It makes sense to me that it would work. That is the setting that should fix the problem. It doesn't. Any ideas?

#12 catrina

catrina

    Advocate

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

Posted 24 February 2012 - 05:19 PM

Have you already tried the CSS that was provided above?

#13 jkegley

jkegley

    Advanced Member

  • Members
  • 79 posts

Posted 24 February 2012 - 06:12 PM

yes, it did not work

#14 Rob

Rob

    One Smart Egg

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

Posted 24 February 2012 - 07:19 PM

This is what you need to add to Dashboard > PageLines > Settings > Custom Code in CSS Rules or, in style.css if you have PageLines Customization plugin activated:

Please Login or Register to see this Hidden Content

It will handle removing some of the space between the bottom of your branding and top of the menu.

Below, you'll find the code (add to the same place) that will further reduce the gap by reducing the top of the navigation menu:

Please Login or Register to see this Hidden Content