-
Posts
-
We are currently using xtheme for a woocommerce based website. On our homepage we have placed a few shortcodes that output recent products or highest rated products. We want 4 or 5 to be lined up in a row in one column but since the image is so large, it displays at the full width of the row. We cannot manage to get the products to line up next to eachother unless we use display:flex; This is not a solution because the product images flex and distort as the screensize changes. How can we get the products to display inline as opposed to block. When we inspect the page it shows a user agent stylesheet with a display: block;. Assuming that is the problem, how can we override the user agent or make our recent products container display:inline;?
Attached is a picture of the problem.
Thank you,
Fly Web Media
516-574-1860Hi There,
I think this is the same issue with this:https://community.theme.co/forums/topic/cant-make-container-inline-because-of-user-stylesheet. We have replied on that thread already asking for link and screenshot. Hope you don’t mind if we will close this thread as this is a duplicate. Please check the other thread instead for replies.
Cheers!
- <script> jQuery(function($){ $("#no-reply-1033415 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
