Navigation
Archive / question about alternate images
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 10, 2016 at 2:04 pm #1169446
    GeorgiaG
    Participant

    Please see the graphic for details. If it is not coming though it can also be viewed here:
    http://www.awesomescreenshot.com/image/1575530/f11efdb07240a272f88b8a305fcb7a4a

    There is a border on a single tab in product details I would like to remove (the active state so it flows together)
    Also, I have a question about how I can specify a different image for each product in desktop browsers only.

    Thank you for your help.

    September 10, 2016 at 2:09 pm #1169452
    GeorgiaG
    Participant

    The image was too large. Here it is

    September 11, 2016 at 1:12 am #1169823
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To resolve your issue, removing the border of the active tab and for your single product image, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .woocommerce-tabs .x-nav-tabs>.active>a,
.woocommerce-tabs .x-nav-tabs>.active{
    border-bottom: none;
}

.woocommerce div.product .images img {
    min-width: 10% !important;
    height: auto !important;
    margin: 0 auto;
}

    Hope this helps.

    September 11, 2016 at 4:08 pm #1170400
    GeorgiaG
    Participant

    It is looking great now. Thank you for your help.

    September 11, 2016 at 9:10 pm #1170655
    Rad
    Moderator

    You’re so much welcome!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1169446 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>