Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #328889
    rygar
    Participant

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

    #328907
    tikaram
    Participant

    @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

    #329022
    rygar
    Participant

    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

    #329081
    Sakin
    Keymaster

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

    #329085
    rygar
    Participant

    @sakin, so much better, thank you!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Divin theme color changes, top menu, teal hover and red line under current page’ is closed to new replies.