Change Border Color On Responsive Slider

Community Forums Forums General Discussion Change Border Color On Responsive Slider

This topic is: resolved

This topic contains 4 replies, has 3 voices, and was last updated by  AC 1 year, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #30695

    Hector
    Participant
    Post count: 10

    Can anyone tell me how to change the border color on the Genesis Responsive Slider images? I’d like to replace the light colored border with a dark green border.

    I put a test picture on the slider HERE

    Thank you.

    #30701

    weslinda
    Participant
    Post count: 193

    I don’t think that’s actually a border, I think that’s a background that looks like a border caused by padding.  I believe you would change the background of the #genesis-responsive-slider or .flexslider.  One of the two.


    Loving the Genesis Life!

    #30768

    AC
    Blocked
    Post count: 7712

    You’re using the Agency theme.

    The left and right border is controlled by this code:

    [css]
    #home-slider {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #999999;
    margin: 0 0 20px;
    width: 100%;
    }[/css]

    The top and bottom is controlled by CSS in the plugin itself. Copy and paste this at the bottom of your Style.css file, change the colors and see if it works.

    [css]#genesis-responsive-slider {
    background-color: #000000!important;
    border: 10px solid #EEEEEE!important;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    }[/css]

    #30791

    Hector
    Participant
    Post count: 10

    Dear Anitac,

    Thank you! The provided code worked perfectly!

    #30794

    AC
    Blocked
    Post count: 7712

    You’re welcome. I’ll close this now.

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

The topic ‘Change Border Color On Responsive Slider’ is closed to new replies.