Top Navigation

Posted in: Newsmag
Post count: 187

I could swear that I had some custom css you did for my main navigation. When you use the drop down it was more of a button style instead of blue underline links. I was going to change the shading colors and now I cant find it?
Navigation

Post count: 22421

Hello,

Sorry but I cannot find any topic where we provided any such code. It could just be a header style change. Each header type has it;s own style.
Try a different header style.

Thank you!

Post count: 187

No it was with help here and I found it. What happens though is in the submenu the text gets highlighted blue and is underlined. I dont want that affect. I want the area when hovered to display a white background so it looks natural just like the main part of the3 navigation.

This was additional css if anyone ever needs it. I would recommend a section in the forum titled Additional CSS. The section should be pinned with what the css is styled for. This could be a great assett for all users.

#td-top-search{
display:none!important;
}

ul .children{
list-style-type:disc;
padding-left:20px!important;
}
ul .children{
list-style-type:square;
padding-left:20px!important;
}
.td-footer-container {
padding-top: 15px!important;
}
.sf-menu>li>a:hover{
background-color:
#001a3d!important;
color:white!important;
}

.sf-menu ul {
background: #d3d3d3!important;
}

.td-footer-container .td-footer-info {
margin-bottom: 10px;
}
.td-footer-container .td-footer-info {
margin-bottom: 5px;
}

.widget .block-title > span, .widget .block-title > a {
background-color: transparent;
}
.widget .block-title {
background-color: red;
display: block;
border-radius: 3px;
}

  • This reply was modified 8 years by bformhals.
Post count: 22421

OK, glad you found the code you were looking for. Let us know if you need further assistance.
Thank you!

Post count: 187

Yes but I need help adjusting it like I mentioned. Right now the submenu on hover shows a blue text underlined. I want no underlines (text decoration; none), but I also want it to look like the main navigation and have the rectangle area highlight white on hover for individual links.

Post count: 22421

OK, please provide a link to your site so I can give it a shot.

Post count: 187
Post count: 22421

OK, there seem to be no underline now so you probably removed it. As for the hover,

.sf-menu ul .td-menu-item>a:hover{
color:white;
background-color: #001a3d
}

Thank you!

Post count: 187

Doesnt seem to want to work??

https://lakecountyfloridanews.com

  • This reply was modified 8 years by bformhals.
Post count: 22421

Hi,

It works just fin in my live css extension: https://www.screencast.com/t/jEfrGTVt8lMT
Make sure the code above it is properly closed in your theme panel.
Add it here: https://www.screencast.com/t/AckMKG1rD

Thanks.

Post count: 187

Got It. Thank you very much 🙂

Post count: 12

I tried to use the CSS but it does not work for me. How can I get the hover color change from bluu to a light grey almost white but not quite. And just to be clear I want it where the “Sign Up/Join” link is in the very top menu not the main menu…

Post count: 187

Site link and post the css you used

Viewing 13 posts - 1 through 13 (of 13 total)
The forum ‘Newsmag’ is closed to new topics and replies.