How to change colors – not working! Please help!

  • Unknown's avatar
    emilyevers · Member ·

    My site color is not updating after saving. I want to change the orange and blue at the bottom to different colors, but selecting the different color palettes and then publishing does nothing. The blue and orange is still there.

    How do I change colors? I paid the upgrade for custom color.

    http://healthyhappymamma.wordpress.com/

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, what colors can be changed at Appearance > Customize > Colors varies from theme to theme. On Splendio, you can change link and title colors only through Custom Colors, but you can use CSS to change any color in the theme.

    The top and bottom multi-colored bands on the bottom section are images, so if you were wanting to modify the colors on those, you would need to create new images. Here are the URLs to the existing images for reference. The existing images measure 980px x 44px and I would suggest making images that are that color.

    Top image: http://s1.wp.com/wp-content/themes/pub/splendio/images/footer-widget-area-top-bkg.png
    Bottom image: http://s1.wp.com/wp-content/themes/pub/splendio/images/footer-widget-area-bot-bkg.png

    If you choose to make a new image for that section, upload the image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image. The base blue color behind the widgets is the #008EBC color in the background declaration.

    #footer-widget-area {
    background: url("URL_OF_IMAGE") no-repeat scroll left top #008EBC;
}

    If you only want to change the base blue color behind the widgets, you can use the following CSS and edit the color code.

    #footer-widget-area {
    background-color: #008EBC;
}

    If you do not want to use the images and instead just have a solid color for the bottom area, you can use the following CSS and edit the color code.

    #footer-widget-area {
    background-color: #008EBC;
    background-image: none;
}
#footer-widget-area-bot {
    background-image: none;
}
  • The topic ‘How to change colors – not working! Please help!’ is closed to new replies.