Title: custom css canape theme
Last modified: October 4, 2016

---

# custom css canape theme

 *  [psahoo99](https://wordpress.org/support/users/psahoo99/)
 * (@psahoo99)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/custom-css-canape-theme/)
 * Canape theme is looking good
 * color change for menu , link, post title color but not for front page title color

Viewing 1 replies (of 1 total)

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/custom-css-canape-theme/#post-8251577)
 * Hi there!
 * You can make the changes you’re after with some custom CSS.
 * To add custom CSS: Firstly [set up a child theme](https://codex.wordpress.org/Child_Themes)
   or [activate a custom CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css).(
   If you have [Jetpack](https://jetpack.com) installed then you can activate [its custom CSS module](https://jetpack.com/support/custom-css/).)
 * > color change for menu
 * You can change the menu’s background colour with the following snippet:
 *     ```
       .site-header {
           background-color: #663399;
       }
       ```
   
 * You can change the value of #663399 to any HEX code of your choice. If you’d 
   like to experiment with different colours, try a few Google searches to get a
   list of HEX codes and their corresponding values. Here’s an example of a site
   that I’ve used before:
 * [http://www.color-hex.com/](http://www.color-hex.com/)
 * The following would then be need to change the background colour of sub menu 
   items:
 *     ```
       @media screen and (min-width: 768px) {
           .main-navigation ul ul {
               background-color: #663399;
           }
       }
       ```
   
 * > link
 * I assume you’re referring to the links inside your menu here? If so, the following
   will change the default colour of links insider your menu:
 *     ```
       .main-navigation a {
           color: #663399;
       }
       ```
   
 * As before, change the HEX code to any of your choice.
 * The following snippet then controls the colour of the links on hover:
 *     ```
       .main-navigation a:hover, .main-navigation ul >:hover > a, .main-navigation ul > .focus > a {
           color: #663399;
       }
       ```
   
 * > post title color but not for front page title color
 * You would need to first set the title that appears on your home page to white
   in your custom CSS and then create a new rule for titles on all other pages of
   your site:
 *     ```
       .home .site-title a {
           color: #fff;
       }
   
       .site-title a {
           color: #663399;
       }
       ```
   
 * In the above, change only the second HEX code to the colour you wish the title
   to appear all pages (apart from the home page).
 * I based the above custom CSS on [the theme’s demo site](https://canapedemo.wordpress.com/).
   If it doesn’t work as intended on your site, please share a link in your next
   reply so that I can take a look. CSS can vary from site to site.
 * Thanks!

Viewing 1 replies (of 1 total)

The topic ‘custom css canape theme’ is closed to new replies.

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

 * 1 reply
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/custom-css-canape-theme/#post-8251577)
 * Status: not resolved