- This topic has 7 replies, 2 voices, and was last updated 3 years, 10 months ago by .
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
Home › Forums › Free Themes › Signify › Main menu CSS
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
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
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
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
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
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
Thank you so much for this Psink it really is a big help. Have a great day too!!!!
Kind regards
Martin
glad to help you
Regards,
psink
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |