New Landing › How can we help? › Atelier › Related products gutter

Viewing 2 posts - 1 through 2 (of 2 total)
  • Back to forum
    Posted in: Atelier
  • May 31, 2017 at 11:30 am #326559
    filipecardigosoliveira
    Member
    Post count: 73

    I’m trying to set a different gutter between the images for the Related Products sections.
    I’ve managed to set a padding: 0 5px for them, but I want the first and last images to be contained (they initially have 15px padding).
    Setting a first-child different padding resizes the first image height.
    Image attached. Thanks!

    Attachments:
    You must be logged in to view attached files.
    June 5, 2017 at 11:45 am #326875
    David Martin – Support
    Moderator
    Post count: 20834

    You should use the first-of-type and last-of-type CSS selector. You can then set the padding for each to be reset, ex:

    .my-class:first-of-type { padding-left: 0; }

    .my-class:last-of-type { padding-right: 0; }

    Thanks.

  • Back to forum
    Posted in: Atelier
Viewing 2 posts - 1 through 2 (of 2 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