Legacy theme – How would I change Genesis Responsive Slider wrap?

Community Forums Forums Design Tips and Tricks Legacy theme – How would I change Genesis Responsive Slider wrap?

This topic is: resolved

This topic contains 1 reply, has 2 voices, and was last updated by  cehwitham 1 year, 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #24425

    Emma1202
    Participant
    Post count: 19

    I’d like to change the wrap image behind my slider so that instead of the green color I have an image like this site 

    How would I go about it?  (my site is: http://www.jmmlifecoaching.com)

    1- I know my slider image is 960 x 350, but how big does the background image need to be?

    2- Once I have my image created, how would I go about replacing the green with the image?  Which part of the stylesheet would I modify?  This one:

    /* Genesis Slider Plugin

    ———————————————————— */

    .slider-wrap {

    background-color: #444344;

    background-image: url(images/slider-bg.png);

    background-repeat: repeat-x;

    border-bottom: 1px solid #ccc;

    }

    .slider-inner {

    background-image: url(images/slide-shadow.png);

    background-position: center bottom;

    background-repeat: no-repeat;

    margin: 0 auto;

    padding: 30px 0 42px !important;

    width: 960px;

    }

    #genesis-responsive-slider {

    background: none !important;

    border: none !important;

    margin: 0 auto;

    padding: 0 !important;

    position: relative;

    }

    Or do I modify this part since I’m using the green skin:

    }

    .legacy-green .slider-wrap {

    background-color: #7ab800;

    background-image: url(“images/green/slider-bg.png”);

    background-repeat: repeat-x;

    }

    Or do I need to do something completely different?

    Thank you  for your help!

    #37602

    cehwitham
    Participant
    Post count: 396

    The image on the example site you linked to is 2000px x 545px (http://michaelprovenza.com/wordpress/wp-content/themes/legacy/images/green/slider-bg.png)

    You’ll need to change line 2467 in your style.css file:

    `.legacy-green .slider-wrap {
    background-color: #284F73;
    background-image: url(“images/blue/slider-bg.png”);
    background-repeat: repeat-x;
    }`

    Change the background image to your new image file.


    Twitter: cehwitham Web: cehwitham.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.