Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #18790

    Hi,

    I’d like to remove or set in white color the margin which is surrounding the product picture in the Product Description page.

    Thanks in advance.

    #100951

    Hi,

    Just add this on your custom.css

    #top div.product div.images div.thumbnails a {
    border: none;
    }

    Regards,

    Ismael

    #100952

    Sorry, I added that and didn’t work :(

    Adding this:

    .thumbnail_container {

    padding: 0px;

    }

    I can remove the ones inside the “Related Products” secction. Here is the result:

    http://www.cuidatez.com/Screenshot2.jpg

    I added:

    #top div.product div.images div.thumbnails a {

    border: none;

    }

    .thumbnail_container {

    padding: 0px;

    }

    to the custom.css file.

    Thanks.

    #100953

    Hi Icarox,

    I see what you mean now. However, the best thing to do to get rid of them is to just use larger images. The white space is there because the images are not big enough to fill the space.

    If you can make the page live so we can take a look, we can double check that this is the best route to take.

    Regards,

    Devin

    #100954

    Hi Devin,

    Right now I’m working in localhost, so I get everything fixed before release.

    What I need it to disappear the light grey marging around the image (“Avène image”) and get it like this:

    http://www.cuidatez.com/Screenshot4.jpg

    I even tried to figure it out in the style.css, changing the grey color to white, but I didn’t find it … :(

    Rgds,

    Icarox.

    #100955

    Hi Icarox,

    Try using this code:

    .template-shop .images a,
    .thumbnail_container {
    background: none !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #100956

    Oks!!!! It works perfectly!!!

    Thanks a lot.

    Rgds,

    Icarox.

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

The topic ‘Margin around pictures’ is closed to new replies.