[rygar]

hello, I couldn’t find a previous topic covering this color change on the menu states, anyone have a CSS fix? thank you!

[tikaram]

@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,
Tikaram

[rygar]

hey @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

[Sakin]

@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.

[rygar]

@sakin, so much better, thank you!

[Author]

Posts