New Landing › How can we help? › Atelier › Add a border around standard product display

Viewing 15 posts - 1 through 15 (of 15 total)
  • Back to forum
    Posted in: Atelier
  • December 3, 2015 at 12:20 pm #233014
    larane
    Member
    Post count: 19

    Hi,

    I’m trying to add a border around the product image and the product details.

    I tried this but it didn’t work out the I wanted:

    .products .product.details-align-center .product-details {
    text-align: center;
    border: 1px solid #000000;
    }
    .woocommerce ul.products li.product figure{border:1px solid #000000;}

    Is there anybody who can pint me in the right direction?

    Thank you Carolin

    December 3, 2015 at 12:25 pm #233017
    larane
    Member
    Post count: 19
    This reply has been marked as private.
    December 3, 2015 at 12:27 pm #233018
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this:

    .products .product .product-details {
  border: 1px solid #efefef;
  padding: 13px;
}
.product-shadows .products .product-display-standard figure {
  border: 1px solid #efefef;
  margin-bottom: 0;
}

    – Kyle

    December 3, 2015 at 12:27 pm #233019
    David Martin – Support
    Moderator
    Post count: 20834

    Please try this:

    .single-product .images {
    border: 1px solid #000;
}

.single-product .summary.entry-summary {
    border: 1px solid #000;
}

    Thanks.

    December 3, 2015 at 1:18 pm #233040
    larane
    Member
    Post count: 19

    Hi,

    unfortunately, this didn’t work for me. Do you have another idea?

    Thank you,
    Carolin

    December 3, 2015 at 1:19 pm #233041
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You’re trying to add a border around the products on the shop page correct?

    – Kyle

    December 3, 2015 at 1:26 pm #233045
    larane
    Member
    Post count: 19

    Hi Kyle,

    yes correct. In fact, I’d like to add a border around every product (shop page, products setup via Swift Page Builder). But if only the products on the shop page would have a nice border I’d be happy 🙂

    December 3, 2015 at 1:27 pm #233046
    larane
    Member
    Post count: 19

    Here you could see what I want to achieve:

    http://www.solebich.de/wohnen/produkte

    December 3, 2015 at 1:32 pm #233047
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I don’t see the css I gave you in your custom css?

    – Kyle

    December 3, 2015 at 1:34 pm #233052
    larane
    Member
    Post count: 19

    It is!

    I’ll attach a screenshot.

    Attachments:
    You must be logged in to view attached files.
    December 3, 2015 at 1:43 pm #233056
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Change to:

    .products .product .product-details {
  border: 1px solid #efefef;
}
.products .product-display-standard figure {
  border: 1px solid #efefef;
  margin-bottom: 0;
}

    And move to the top of your custom css

    – Kyle

    December 3, 2015 at 1:50 pm #233057
    larane
    Member
    Post count: 19
    This reply has been marked as private.
    December 3, 2015 at 2:01 pm #233059
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No it’s not as they are all different divs unfortunately

    – Kyle

    December 3, 2015 at 2:16 pm #233064
    larane
    Member
    Post count: 19

    Thanks for your help!

    December 3, 2015 at 2:26 pm #233069
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

  • Back to forum
    Posted in: Atelier
Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register