Need help? Check out our Support site, then


changing yellow/orange in Splendio Theme

  1. canadafashionlaw
    Member

    Hi,

    I am trying to figure out the CSS code to help me change the yellow/orange colours in the Splendio Theme - around the header, bottom of page, and featured image bar.

  2. Most of the background theme elements in this theme are images. As an example this is in the footer area:

    http://s2.wp.com/wp-content/themes/pub/splendio/images/footer-widget-area-top-bkg.png

    And this is the image used to create the toothed bottom edge on the "featured posts" banner:

    http://s2.wp.com/wp-content/themes/pub/splendio/images/featured-h3-bkg.png

    And this is the one in the right header area:

    http://s2.wp.com/wp-content/themes/pub/splendio/images/header-right-bkg.png

    So, it is more of a photoshop project than a CSS project. The CSS would amount to simply substituting the full URLs of the new images (after you upload them to your media library) into the appropriate rules and declarations in the CSS.

    #header-auxiliary {
    background: url("/wp-content/themes/pub/splendio/images/header-right-bkg.png") no-repeat scroll left top transparent;
    }
    
    .featured-posts .featured-title {
    background: url("/wp-content/themes/pub/splendio/images/featured-h3-bkg.png") repeat-x scroll center bottom #FFD369;
    }
    
    #footer-widget-area {
        background: url("/wp-content/themes/pub/splendio/images/footer-widget-area-top-bkg.png") no-repeat scroll left top #008EBC;
    }
  3. Thank you thesacredpath - I was the one who asked this question on behalf of CanadaFashionLaw - I used your guidance to figure it out.

  4. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic