Home › Forums › Free Themes › Signify › Main menu CSS

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 4, 2021 at 6:16 am #143987
    Altphotography
    Participant

    Hi in the template “Signfy” how can i bold up the main menu text to change the hover state to Orange #f8732b and the menu text white #ffffff.
    Can i also change the copryright information on the footer to Orange #f8732b?
    Kind regards
    Martin

    February 5, 2021 at 1:31 am #144044
    Psink
    Keymaster

    Hello Altphotography

    Please add this CSS – to make copyright info to orange 

    
.site-info {
   color: #f8732b;
}

    Add this CSS – For menu 

    
.main-navigation a:hover,
.menu-inside-wrapper .main-navigation>.nav-menu>.current_page_item>a{
	background:  #f8732b !important;
	color: #fff !important;
	font-weight: bold;
}

    To add this in the theme, Please go to Admin Panel >> Appearance >> Customize >> Additional CSS, there paste the above CSS and published

    Hope this helps you

    Regards,
    Psink

    February 5, 2021 at 4:50 am #144062
    Altphotography
    Participant

    Perfect PSINK thank you for the quick response. The footer is fine but I perhaps did not explain correctly i want the menu text white with an orange hover. Also is it possible to make the header logo larger its restrained currently as the original logo is a lot bigger? Sorry to ask but this but is a great service. You can view more easily by viewing here https://wbbrownltd.co.uk/

    Kind regards Martin

    February 5, 2021 at 9:03 am #144080
    Psink
    Keymaster

    Hello Martin

    Please remove the previous CSS of the footer text color and Add this CSS

    
.site-info,
.site-info a{
    color: #fff;
} 

.site-info a:hover{
    color: #f8732b;
}

    Have a good day

    Regards,
    Psink

    February 5, 2021 at 9:32 am #144084
    Altphotography
    Participant

    Hi Psink thats great for the footer text are you able to do the css for the the menu text so it is white with an orange hover. Also is it possible to make the header logo larger its restrained currently as the original logo is a lot bigger? Thank you for you help. Kind regards Martin

    February 5, 2021 at 10:03 am #144086
    Psink
    Keymaster

    Add this CSS code – for menu text color

    
.main-navigation a{
    color: #fff;
}

.main-navigation a:hover,
.menu-inside-wrapper .main-navigation>.nav-menu>.current_page_item>a{
	color: #f8732b !important;
}

    Add this CSS – for logo

    
.custom-logo {
    max-width: 100% ;
}

    Have a great day

    Regards,
    Psink

    February 5, 2021 at 10:25 am #144088
    Altphotography
    Participant

    Thank you so much for this Psink it really is a big help. Have a great day too!!!!
    Kind regards
    Martin

    February 5, 2021 at 12:13 pm #144106
    Psink
    Keymaster

    glad to help you

    Regards,
    psink

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