Top Header Menu style customization

Posted in: Newspaper
Post count: 30

Dear Developers,

Can you provide some tips on how:
1) to make one particular menu item more prominent (by changing color or making it bold)
2) to make social buttons a bit bigger?

Please see the screenshot..

View post on imgur.com

Also, can the solution #2 (if any) be applied to the footer social icons as well?

Thanks beforehand.
You have a terrific support!

  • This topic was modified 9 years by glavred. Reason: added image
Post count: 20688

Hi,

You could do that for a specific menu item in the header top menu, by identifying the menu item in question and then use some CSS to modify it – https://www.screencast.com/t/tiUNxRf031oB or set a custom class for that menu item – https://www.screencast.com/t/ZRMrR1lnW and use that in the code – https://www.screencast.com/t/iXitiiWZElN
If you would like to make the social icons in the top menu bigger, you could do that like this
https://www.screencast.com/t/84xYZw6LQSf9
This is the code used in the example, but you can modify it to how you like

.td-header-sp-top-widget i:before {
font-size: 20px;
}

Here is a tutorial about using the browser inspector to identify the elemets used on the pages and their classes
in order to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Post count: 30

Thank you so much!
I will definitely try those.

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