Title: Customize Storefront Child Theme
Last modified: January 23, 2021

---

# Customize Storefront Child Theme

 *  Resolved [CNTech](https://wordpress.org/support/users/cntech/)
 * (@cntech)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/customize-storefront-child-theme/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustomize-storefront-child-theme%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [paypack](https://wordpress.org/support/users/paypack/)
 * (@paypack)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/customize-storefront-child-theme/#post-13966093)
 * I need help with something like this too.
 *  [Senff – a11n](https://wordpress.org/support/users/senff/)
 * (@senff)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/customize-storefront-child-theme/#post-14004920)
 * Hey [@cntech](https://wordpress.org/support/users/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](https://wordpress.org/support/users/wpniall/)
 * (@wpniall)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/customize-storefront-child-theme/#post-14215958)
 * Hi [@cntech](https://wordpress.org/support/users/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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

## Tags

 * [color](https://wordpress.org/support/topic-tag/color/)

 * 3 replies
 * 4 participants
 * Last reply from: [Niall a11n](https://wordpress.org/support/users/wpniall/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/customize-storefront-child-theme/#post-14215958)
 * Status: resolved