remove or change color of slideshow gallery border

  • Unknown's avatar
    roeyhoey · Member ·

    Hi, I’m stumped, any suggestions as to how to get rid of the black border on the slide show gallery. I am using the Confit theme w/css upgrade. The page URL is: http://rosemaryjason.wordpress.com/whats-a-hungry-nomad-map/

    #main .slideshow-window, .jetpack-slideshow {
    background-color: #FFFFFF;
    }
    got rid of the inside fat border but there is still a thinner black border tremaining.

    tried the .slideshow-window selector – didn’t work
    tried every selector associated with it but nothing works. Must be a specificity thing?

    Thanks in advance for any help!

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

  • Unknown's avatar
    denatb · Member ·

    Hi. I am glad you posted this question. I have tried to put slideshows is the widget area on several themes and always get the black box. Would love to know how to get rid of it entirely. The site I am working on now is http://www.whippletreeyarnshop.com. The slideshow is in the blog widget area for the time being.

    Thanks. I’ll look forward to learning if this can be changed.

    D

  • Unknown's avatar
    roeyhoey · Member ·

    Hi D,

    Not sure if this will work in a widget and it doesn’t get rid of the border but will allow you to change the color to match the background (the hex# below is for a white border). Enter this in the content window directly underneath the slideshow short code:

    <p style=”width: 100%; height: 460px; margin-top: -475px; color: #FFFFFF; background-color: #FFFFFF; border: 1px solid #FFFFFF; position: relative; z-index: 1;”>-

    In your CSS style sheet add:

    #content .slideshow-window, .jetpack-slideshow {
    background-color: #ffffff;
    }

    This is what I ended up with. I had to adjust the size of the slides to accommodate the frame size, so it is considerably larger than what I wanted but it works.

    Hope this helps, seems this slideshow varies from theme to theme. Good luck, you have a great site!

    Rosemary

  • Unknown's avatar
    roeyhoey · Member ·

    If anyone knows how to get rid of the slideshow border completely, that would be awesome.

    Thanks in advance.

  • Unknown's avatar
    denatb · Member ·

    Thank you Rosemary. I will give it a shot. I am also hoping we hear from someone at WordPress for more input.

    D

  • Unknown's avatar
    galwaybayprotectiongroup · Member ·

    Hi,

    Not sure if this is of use to anyone, try adding

    !important;

    to any attributes you want to over-ride via custom.css

    for example (slideshow)
    .jetpack-slideshow,.slideshow-window{
    background-color: #fff !important; /** <– this over rides the background **/
    border: 0 solid #fff !important;
    border-radius: 0 !important;;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    margin-bottom: 20px;
    height: 410px;
    }

  • Unknown's avatar
    denatb · Member ·

    Thanks!

  • Unknown's avatar
    denatb · Member ·

    Hi. I am trying to work with all the advice above….and it’s helping but not quite there yet. Would love some help from WordPress on this…..

    Any suggestions for sizing photos so they fit the full frame of the slideshow?

  • The topic ‘remove or change color of slideshow gallery border’ is closed to new replies.