Jump to content

Archived

This topic is now archived and is closed to further replies.

amir

Remove Margin Around the Logo and Header

Recommended Posts

amir

Hi,

I have two questions regarding to the header/logo and the main navigation bar:

 

1- I like to know how I can remove/reduce the margins around the logo/header that the image is closer to the top of the page and main navigation bar? I like to be able to have more control over the top, left, right, and buttom margins.

 

2- I like to change the background color, text color, text size, and border color of the main navigation bar. I know there are few default colors we could use, but I was wondering if there is an easy way to chnage these parameters much easier.

 

I really appreciate your help.

 

Amir

 

Share this post


Link to post
Share on other sites
Rob

Amir,

 

1. You can use tools like Chrome's Inspect Tool to examine the specific areas of the header you want to modify.  The CSS will be displayed.  You can test it and then copy the successful code to your Custom Code area. If you're not familiar with CSS, please let us know, and provide a link to the site.

 

2. We need to know if you're using the NavBar or Nav Classic or BrandNav in your site. A link would help us.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
amir

Rob,

I really appreciate your reply. I have almost zero clue about the CSS codes and I don't know how to begin with.
I am building the site locally right now and because of that, the live URL would not show anything for now till I upload everything to my server.
I have the professional version of PageLines Framework V2.4.4. The navigation is just the standard out of the box after I installed the PageLines Framework V2.4.4 on my Wordpress.

I hope these are enough information. Please let me know if you need any other information.

Thanks,
Amir

Share this post


Link to post
Share on other sites
Rob

Amir,

 

Try this:

 

#branding .content .content-pad {

    padding: 0;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
amir

okay, let me upload what ever I have to the server. Give me 10 minutes or so.

Share this post


Link to post
Share on other sites
Rob

Okay! :D


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob

I can see that.  Don't rush.   It's best to go back, delete what you previously installed and reinstall Framework.  It goes in wp-content/themes and the folder must be named pagelines.  You can't change the folder or any file names.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
amir

I never knew it will be so dificult to create the website locally and upload it to the server. I have no idea what I am doing wrong. I can't access the admin page to reinstall the PageLines.

Share this post


Link to post
Share on other sites
amir

Is there a way to tell, no margin on top, but keep the other three sides?

Share this post


Link to post
Share on other sites
Rob

Sure.  Replace padding: 0; with

padding-top: 0;

padding: 15;


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      Todd
       
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • 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 !

    • elementalkites
      By elementalkites+
      Good evening. I am attempting to use the Impulse section on a page I am working on (https://dev.elementalkites.com). The tool seems to have the ability to overlay a logo on top of the slider images but in my case it isn't working, even though I have added the logo file and given it a height to display at. I have attached a screenshot for reference. Any help would be appreciated.
       
       
    • lionel1
      By lionel1
      Hi,
      i try to put some images (Logos) in the Agency module / clients module section
      But i only can put 6 logos though the module propose to add more item
      Thanks for ur help
      Lionel 
      Capture d’écran 2017-06-27 à 20.55.27.png 
×