Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #297085
    Buddythepitbull
    Participant

    Hello. I just installed Photofocus-Light and would like to change the menu a bit. I would like to change the menu color from black to gold and then the hover color from gold to, say, white. I also would like to change the text size (a little larger).

    Also, I would like to change the post/page titles by moving them up and changing their color.

    Thank you.

    #297116
    Skandha
    Keymaster

    @buddythepitbull: Hello there,

    Can you please post in your site URL so that I can look into the issue?

    Kind Regards,
    Skandha

    #297152
    Buddythepitbull
    Participant

    Thank you for your quick response. The site is at:

    https://www.earthlight.show/

    All best,

    Harley

    #297189
    Skandha
    Keymaster

    @buddythepitbull: Hello Harley,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To change the color of menu items */
    #site-navigation a {
    color: #d93;
    font-size: 16px;
    }
    
    /* To change the hover color of menu items */
    #site-navigation a:hover {
    color: #fff;
    }
    
    /* To change the color post/page titles */
    .custom-header-content .section-title {
    color: #d93 !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    • This reply was modified 2 weeks, 2 days ago by Skandha.
    #297234
    Buddythepitbull
    Participant

    Hello Skandha:

    That did the trick, thank you.

    However, I also wanted to increase the size of the page/post titles as well as move the title up a little closer to the top of the page (for example, into the space above the female dancer’s head in the photo).

    Thanks again,

    Harley

    #297268
    Skandha
    Keymaster

    @buddythepitbull: Hello Harley,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To change the font size of page/post titles */
    .custom-header-content .entry-title {
    font-size: 50px !important;
    }
    
    /* To change the position of post/page titles */
    @media only screen and (min-width: 75em) {
    body:not(.home) .custom-header-content {
    padding: 120px 50px 150px 50px;
    }
    }

    You can change the font size and padding according to your requirement!

    Let me know if this works out!
    Kind Regards,
    Skandha

    #297609
    Buddythepitbull
    Participant

    Thank you so very much. This worked like a charm.

    #297645
    Skandha
    Keymaster

    @buddythepitbull: Hello Harley, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/photofocus-light/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.