Jump to content

Recommended Posts

EvaB    0
EvaB

Hi, I hope someone can help me with this, because I have browsed all the forums, but can't find an answer...

 

At http://kootpiano.nl/wp, I would like to:

1. left align my main and secondary nav with the header (the sec nav lines with the header, but I can't find how to adjust the main nav)

2. diminish the horizontal space between the main and secondary nav

3. divide the space between the main and secondary nav with a horizontal line (1px)

 

I already have made some adjustments in the Custom Css, and some work, but some don't. I also tried to make these adjustments via the Pageline Customize Plugin, but that did not seem to work. Is there a big difference between those two, or is it just what one prefers?

 

Thanks in advance!!

Eva

Share this post


Link to post
Share on other sites
catrina    103
catrina

Hello, have you already added #page at the beginning of each CSS declaration block? If you don't add that, your CSS won't overwrite the default. For more info, please see: http://support.pagelines.me/docs/customization/custom-css/


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

Hi, thanks. I have added #site in my Custom CSS, and it works fine I think.

I just can't find what I need to change in order to:

 

 

left align my main and secondary nav with the header (the sec nav lines with the header, but I can't find how to adjust the main nav)

diminish the horizontal space between the main and secondary nav

divide the space between the main and secondary nav with a horizontal line (1px)

 

I appreciate any help.

Share this post


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

Hi,

 

The cause of the spacing is padding, each main navigation menu link has padding of 10px on top and bottom and 15px left and right. If you inspect your menu links for both the main navigation and secondary navigation, you will be able to see the this and the code used.

 

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the each navigation section menu items a element to find the correct code and then reduce the left padding to 0.

 

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

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
EvaB    0
EvaB

Thanks a lot Danny,

Don and it works!!

By the way, is it wise to use #site at all changes in Custom CSS?

Share this post


Link to post
Share on other sites
EvaB    0
EvaB

I am sorry to bother you again, but just one more thing: I would like to change the text color of the a active in the second nav. Is that possible?Thanks again!

Share this post


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

You style a navigation menu active item, you will want to read here for assistance - http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes

 

#site .section-secondnav ul li.current-menu-item a { }

Using #site is simply a method to guarantee your custom CSS overrides the default PageLines styling, so there is no issue using it. We actually recommend it.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
EvaB    0
EvaB

Thanks again Danny, you have been a great help. Now everything works fine.

Share this post


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

Great, happy to hear your issue(s) have been resolved.

 

However, in future when your original question has been answered correctly, can you refrain from asking other questions please. If you have another question, please create a new topic, this will assist other users in the future who may have a similar question.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
EvaB    0
EvaB

Ok, I will remember this for the future. Maybe I can add extra tags to this topic to be of any help?

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

    • sfmstudios
      By sfmstudios+
      I'm using the boxes section on a local development site to play around with some options, and running into an issue.  
      Have the following settings for the boxes:
      Type: Images/SVC Media on Top Image Appearance: Standard/Default Image/Icon Width: 280px Image Opacity: 100% Each of my box images is 280x150 in size, but the result of the image on the box is a strange zoomed-in, cropped square (see attached).  I looked to adjust border properties via CSS, but couldn't find a fix.  What solutions are out there?

    • paoloimperiale
      By paoloimperiale+
      Hi, 
      I was wondering if there's a way to modify the slider container size? My client would like it skinner- not as tall. How would you suggest doing that?
      Thank you.
      (this is for the paoloimperiale.com slider on the homepage) 
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • jeomiland
      By jeomiland+
      What am I missing?
      at cassclayton.com/dev I have the main  area set as 2 column format in the content-width main area. When I drag a 2-columns section onto the page under the stuff in the main left column area I get that familiar "section added, refresh page to view..." message on the screen, but refreshing the page (cmd-r or browser refresh button) makes the newly added section disappear to I can't get to it to continue.  Have just tried several time today with no success.  Have had this sort of issue before. I don't consider the page layout to be that complex, so why is DMS not remembering the new columns section on refresh?  Is there some strange, exotic setting in my browser I need to tweak? (chrome 46.0.2490.80 Macbook pro)
      Also, I have this Alzheimer issue often when adding custom CSS code - I learned from Pagelines academy to click edit in an existing section, then click in 2 different text option boxes, which eventually causes the refresh icon in the DMS options panel to appear) but even then, sometime my css code is ignored and I have to add it again and eventually it gets updated. I know, I know - blame it on all the script that makes the interface work, but this really slows down my development time. Someone please tell me I'm missing some simple thing that makes all this refresh stuff work like a champ!
      1) what is best way to Refresh after adding something if the Refresh icon does not appear (as it hardly ever does when adding CSS code)?
      2) why does my new section disappear on refresh?
      3) what's the best way to create a 2-column content area within another column area?
      Site: cassclayton.com/dev
      Thanks
×