Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 8, 2018 at 3:27 am #909539
    Briana

    Hello,

    I have a website with a product grid and I have added some custom styling to my products.
    I am just having one display issue on some monitor sizes and I was hoping you would be able to help me fix it.

    I am missing a left-hand side border on my product descriptions within the grid but only on every second product it seems.

    Here is my css:

    #top .inner_product_header {
    min-height: 180px;
    max-height: 180px;
    border: solid 1px #E9E9E9!important;
}

    Here is a screenshot if what I am seeing:

    Screenshot of display error

    Website details in private section.

    NOTE: It looks like this is only showing up incorrect in Chrome. If this is a Chrome only error and we cannot adjust the css to fix it please let me know.

    • This topic was modified 6 years, 9 months ago by Briana. Reason: *I AM USING CHROME, edge seems to display fine and so does firefox
    February 8, 2018 at 7:09 am #909607
    Rikard

    Hey Briana,

    Please try this CSS as well:

    .inner_product_header {
    margin-left:2px;
}

div .products .product {
    width: 23% !important;
}

    You might need to change the values a bit to get it looking the way you want. Change the CSS you posted as well to this:

    #top .inner_product_header {
    min-height: 180px;
    max-height: 180px;
    border: 1px solid #E9E9E9!important;
}

    Best regards,
    Rikard

    February 8, 2018 at 7:16 am #909612
    Briana

    This worked perfectly! Thank you for your help.

    The only adjustment I made was adding the same margin-left of 2px to the shop buttons and everything is lining up nicely.

    February 8, 2018 at 7:20 am #909616
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.