Shop page remove box and fix spacing

  • Resolved wapatu

    (@wapatu)


    9 years, 9 months ago

    I’ve researched, but can’t seem to find what I’m looking for. I would like to eliminate the boxes around the product text on the shop page and any other pages with subcategories. Also, I would like to increase the horizontal spacing between the two rows of products. Any assistance would be appreciated. Thank you in advance.

    My Shop Page

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

  • Your site is behind a coming soon plugin?

    You can try adding this css to your custom css box in the theme options.

    .products div.product {
border: 0;
margin-bottom: 60px;
}

    Kadence Themes

    Thread Starter wapatu

    (@wapatu)

    Sorry, I forgot I was “under construction” I’ve turned it off.
    That code didn’t change anything, I still need assistance, please!

    So you must be talking about the category items. Try this css:

    .product-category.grid_item a h5 {
    background: transparent;
    color: #444;
}
.product-category.grid_item h5 mark {
    color: #444;
}
.product-category.grid_item {
    margin-bottom: 60px;
}

    Kadence Themes

    Thread Starter wapatu

    (@wapatu)

    That’s exactly what I was talking about and it worked. Thank you so much! I was so good at creating entire websites in HTML, but CSS throws me for a loop!
    Thank you again and have a wonderful day!

    Thread Starter wapatu

    (@wapatu)

    Sorry, one more thing. How do I remove the green box completely, that shows up when you hover over the category names. Thank you again!

    You can add this css:

    .product-category.grid_item a h5 {
background: transparent !important;
}

    Kadence Themes

    Thread Starter wapatu

    (@wapatu)

    Incredible how easy something is if you know what you’re doing!
    Thank you again, it worked perfectly!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Shop page remove box and fix spacing’ is closed to new replies.

Tags