Tagged: customization, Product Grid, Shop Page
Hi, there…
This was working, but I updated the theme, and it broke.
Here is my SHOP page: https://primalwoods.com/shop/
You’ll see that the header image is getting cut off:
I know this is because the theme does not support customization of the SHOP page:
So I created a new page and added the product grid:
This looks correct, but none of my preorder items are showing up.
Can you help?
Thanks!
LBH
Hey lisabagg,
Thanks for providing the admin access, I have added this css code in Quick CSS (located in Enfold > General Styling):
#top.page-id-1576 .avia-image-container.avia-builder-el-0,
#top.page-id-1576 .avia-image-container.avia-builder-el-0 .avia-image-container-inner,
#top.page-id-1576 .avia-image-container.avia-builder-el-0 .avia-image-container-inner .avia_image {
width: 100%;
}
Hope it’s good, let us know if you need further assistance :)
Best regards,
Nikko
Hi,
Sorry I made changes on the Shop List page instead of your Shop page, I have added this css code also:
.archive.woocommerce #av_product_description {
min-height: 200px;
}
.archive.woocommerce #av_product_description .av-parallax.avia-full-stretch {
height: 200px !important;
transform: translate3d(0,0,0) !important;
}
.archive.woocommerce #av_product_description .av-parallax.avia-full-stretch .av-parallax-inner.av-parallax-woo {
background-position: bottom left !important;
}
.archive.woocommerce #av_product_description .av-section-color-overlay {
display: none !important;
}
Let us know if you need further assistance :)
Best regards,
Nikko
Hi!
I have done the updates, let us know if that works.
Best regards,
Basilis