Tagged: Color, color change, menu, menu state colors, primary menu
- This topic has 4 replies, 3 voices, and was last updated 12 months ago by rygar.
-
AuthorPosts
-
October 18, 2023 at 12:32 am #328889rygarParticipant
hello, I couldn’t find a previous topic covering this color change on the menu states, anyone have a CSS fix? thank you!
October 18, 2023 at 12:39 am #328907tikaramParticipant@rygar : Please post in your site URL and let me know the desired colors so that I can provide you the required additional css.
Regards,
TikaramOctober 18, 2023 at 2:59 pm #329022rygarParticipanthey @tikaram, thanks for taking a look, I’m hoping to reduce the height of the header and change the hover state to yellow (bar under the text) then the current page state the bar should be white.
I’m also interested in reducing the size of the “tagline block” Triple-S” and remove some of the space between the header and content below if possible.
the site in question is https://secretshirtsociety.com
Thank you
October 19, 2023 at 3:07 am #329081SakinKeymaster@rygar : You can adjust the following CSS as per your need and then add it in “Appearance => Customize => Additional CSS” box.
@media screen and (min-width: 56.625em) { /* Header Padding - Spacing Adjustment */ .site-header { padding-top: 35px; padding-bottom: 35px; } /* Menu Item Hover border color */ .site-navigation a:hover, .site-navigation a:focus { border-color: #0fc; } /* Menu Current Item border color */ .site-navigation .current_page_item > a, .site-navigation .current-menu-item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-ancestor > a { border-color: #d81b60; } /* Site Tagline Font Size */ .site-description { font-size: 60px; } }
Note: For more details color options and settings, you can upgrade to Pro version.
October 19, 2023 at 3:31 am #329085rygarParticipant@sakin, so much better, thank you!
-
AuthorPosts
- The topic ‘Divin theme color changes, top menu, teal hover and red line under current page’ is closed to new replies.