Hi,
I have a two column row with widths 20% and 80%
The main content is in the 80% column
I have a woocommerce product in the 20% column, the thing is, it’s showing at 20% of the column width (very tall and thin) and not filling the entire 20% (so it’s actually displaying as 4%, or 20% of 20%, of the page width – if you see what I mean).
Where/how do I adjust that?
Hi Stuart,
Preface: This may be more of a theme issue.
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
Hi Stu,
It’s a theme issue. :( Please report this issue to your theme developers.
You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add either of the following:
/* Fill the area - let the shortcode decide on the sizing */ .so-panel .woocommerce ul.products li.product { width: auto; } /* Force the shortcode to be full width */ .so-panel .woocommerce ul.products li.product { width: 100%; }You might also need to install the SiteOrigin CSS Editor.
This is a private message.
Hi Alex.
I’ll add the custom css for now but also report it to the theme developers
Thank you for looking at this, I really appreciate the help and pointers. Nice one.
Stu