Colors and Customization

• 

  mcisne · Member · Mar 17, 2015 at 2:49 am

  • Copy link
  • Add topic to favorites

  Hello!

  I’m trying to change the color scheme on my Snap site, but am not sure how to:

  -Change the color of drop cap letters on the site
  -Change the background that is now white to another color. I have a background image, but would like another color than white behind my text.

  Thanks for your help!
  Monica C.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Mar 17, 2015 at 9:07 am

  • Copy link

  1. The html class name to select the drop cap letters is indeed drop-cap. So we can specify the rule as following.

  .drop-cap {
    color: red;
  }

  2. Let’s try:

  .theme-container, #main-header{
    background-color: lightgray;
  }
  
  pre  {
       background-color: yellow;
  }

  In both the rules, please change the color as you wish.

• 

  mcisne · Member · Mar 17, 2015 at 9:10 am

  • Copy link

  Where can I paste this within the code?

  Thanks

• 

  staff-happychia · Staff · Mar 17, 2015 at 9:13 am

  • Copy link

  In the CSS Editor.

• 

  mcisne · Member · Mar 17, 2015 at 9:20 am

  • Copy link

  Okay thanks. If I want to get more specific with the colors what codes can I use?

• 

  staff-happychia · Staff · Mar 17, 2015 at 9:23 am

  • Copy link

  Sure, please click this link and scroll down a bit and you will see color names and their hex values.

  This is another good reference.