Customize Storefront Child Theme

  • Resolved CNTech

    (@cntech)


    5 years, 3 months ago

    Dear all,

    I am currently using a Storefront child theme, wanting to know the correct code to change some color of the theme.

    My ‘Additional CSS’ code

    
.site-branding a {
	color: #fcc70d;
}
.site-header {
	background-color: #444444;
}
.site-branding .site-description {
	color: #ffffff;
}
.storefront-primary-navigation {
	background-color: #fcc70d;
}
.site-footer {
    background-color: #444444;
}
.site-info {
	color: #fcc70d;
}

    But it messed up in mobile view. Also, how can I change the ‘Title’ and ‘Text’ color of my footer widget.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • paypack

    (@paypack)

    5 years, 3 months ago

    I need help with something like this too.

    Senff – a11n

    (@senff)

    5 years, 3 months ago

    Hey @cntech

    If you want the color changes to apply to non-mobile screens only, you can use this instead:

    @media screen and (min-width: 768px) {

.site-branding a {
	color: #fcc70d;
}
.site-header {
	background-color: #444444;
}
.site-branding .site-description {
	color: #ffffff;
}
.storefront-primary-navigation {
	background-color: #fcc70d;
}
.site-footer {
    background-color: #444444;
}
.site-info {
	color: #fcc70d;
}

}

    To change the colors in your footer, use this:

    
.site-footer .widget .widget-title {
  color: #fcc70d;
}

.footer-widgets .widget_text {
  color: #ffffff;
}
    Niall a11n

    (@wpniall)

    5 years, 1 month ago

    Hi @cntech,

    We haven’t heard back from you for a while, so I’m going to mark this post as resolved. If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you there. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Customize Storefront Child Theme’ is closed to new replies.

Tags