Jump to content

Archived

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

sethoof

Navi Font Customization

Recommended Posts

sethoof

Trying to do some really simple font customization on the fixed navbar of my new site (www.sethcochran.com), but am just not figuring out how to get this done.  I have tried firebug, and read all the forum posts I can find and have tried three different custom css, but nothing seems to work 

 

I want to make the font in the fixed navbar bigger, bold, and white.  

 

.my-white-top {
  .section-navi .nav-searchform, .section-navi ul {
    font-size: 22px;
    color: white;
  }
}
 
.bigger {
  .navbar .navline > li > a {font-size: 22px; color:#ffffff !important;}
}
 
test23 {
  #navbaru89781 .navline > li > a {
font-size: 30px;
  }
}
 

 

None of these has worked.  Can anyone help?

Share this post


Link to post
Share on other sites
Danny

HI,

 

I am going to need a link to the site in question and also, what are these classes .test23, .bigger and ,mywhitetop ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sethoof

the link is in the original message, but here it is again

 

www.sethcochran.com

 

the classes that I included are just examples of whatI tried to do in the custom CSS section in order to customize the font in the fixed navigation bar. 

 

Thanks for your help!

 

best,

Seth

Share this post


Link to post
Share on other sites
Danny

If you add the following to your Navi sections style classes field option:

 

my-white-top bigger

 

Then add the following to your custom CSS:

 

.bigger .pl-nav li a {
font-size: 18px;
}
.my-white-top .pl-nav > li > a {
color: white;
opacity: 1;
 
}.my-white-top .pl-nav > li > a:hover {
color: green;
background: red;
}
 
That will give you the desired look, the bigger class will increase the font-size and the my-white-top, will increase the opacity and give it a color of white, as well has changing the background color and text color on hover.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sethoof

Thanks so much, Danny!  Really appreciate your help!!

 

 

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • decmech
      By decmech+
      Hey Guys,
      Having some issues with the dropdowns for the Navi in DMS. For some reason I can't have any more than 2 levels in the dropdown. The cursor is hovering over RPAS Training (and the arrow to indicate more is visible) but no matter what browsers, it never shows up. Also inspecting the HTML shows that the additional fields are not there.
      I have inspected the PHP and cannot see anything that is limiting the number of levels. Any assistance to get the additional levels showing would be great.

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.


    • PierreFF
      By PierreFF+
      Hello, 
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
      Best,
      Pierre
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      http://mc1r-magazine.com/
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,
      Tristan
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
      thanks
×