Docs

[FlywebMedia]

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

[Lely]

Hello There,

Please do resize your screenshot and then try to upload again. To also help you better, please do share us your site URL where this issue occur so we can check and then give you a more tailored response.

[FlywebMedia]

Hi thank you,
Our website is http://madisonavenuemalls.com/ and the issue we have is with the recent-products sizing and on-sale items. We’ve used a very large amount of styling to get it to where it is now but inline display and proper image display would be a huge help!

Thank you again

[Rue Nel]

Hello There,

Thanks again for the updates! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[Author]

Posts