WordPress.org

Forums

[resolved] Border Colours Gallery Carousel Without JetPack (7 posts)

  1. Jane Milburn
    Member
    Posted 2 years ago #

    Hello, I have installed Gallery Carousel Without JetPack and I am very happy with it. The only problem is the border colour on the thumbnails. I think it is set by default to a stark white which I go not like, I would prefer grey. I have read lots of information regarding changing border colour in this forum but nothing answers my query. I am using Twenty Eleven and my website is Hopefully someone can help me? Many thanks.

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    I don't see any thumbnails with white borders -- can you link to a specific page where they are?

  3. Jane Milburn
    Member
    Posted 2 years ago #

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    I believe it's the background in this:

    a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
        background: none repeat scroll 0 0 #EEEEEE;
        border-color: #BBBBBB;
    }
  5. Jane Milburn
    Member
    Posted 2 years ago #

    OMG thank you so much. I havve spent nearly 2 hours looking for the answer. I wish I had asked here first. Fantastic. Many thanks.

  6. Jane Milburn
    Member
    Posted 2 years ago #

    Sorry to be a nuisance but would you also know how to change the width of the border.

  7. Jane Milburn
    Member
    Posted 2 years ago #

    Hello again, I found the solution above where you had directed me - /* Image borders */
    img[class*="align"],
    img[class*="wp-image-"],
    #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: 1px solid #img[class*="align"],
    img[class*="wp-image-"],
    #content .gallery .gallery-icon img {border: none;};
    padding: 15px;

    Changing the padding size changed the border size. I would not have found this without your help. Thank you again.

Topic Closed

This topic has been closed to new replies.

About this Topic