I've built a WooCommerce store within my site which uses the Podcastr theme, but for some reason some tabs aren't being displayed on the front-end.
Specifically: Additional information, reviews and size chart aren't being displayed.
Does Podcastr allow for tabs/custom tabs? Is this a known issue?
See attached images to see the three other tabs showing as 'Display: none' on the front-end, and the other showing the product size-chart and custom field tags in the back-end.
Additionally, the other image shows the tabs and information being displayed fine in Elementor.
Another question: How do I make the text size smaller in my price chart table on the Single Product page in mobile view? I can make the text larger using Elementor, but I can't make it any smaller than it is now.
I want it smaller so that the table is easier to understand, as currently the information is too cramped within the table.
One other thing, what do I need to add to reduce the size of the headings in this table S, M, L, XL, etc, and Length (cm), Width (cm), etc. so it's less cramped on mobile.
I modified the code for the table in the Products section, which shrunk the text in Elementor, but that didn't show on the front-end.
Hey,
I've built a WooCommerce store within my site which uses the Podcastr theme, but for some reason some tabs aren't being displayed on the front-end.
Specifically: Additional information, reviews and size chart aren't being displayed.
Does Podcastr allow for tabs/custom tabs? Is this a known issue?
See attached images to see the three other tabs showing as 'Display: none' on the front-end, and the other showing the product size-chart and custom field tags in the back-end.
Additionally, the other image shows the tabs and information being displayed fine in Elementor.
Cheers,
Mat.
Additionally, this other image shows the tabs and information being displayed fine in Elementor.
Tabs are now unhided.
Thanks,
Alexandre from the Sonaar.io Crew
Amazing. Thanks! How did you do it?
Another question: How do I make the text size smaller in my price chart table on the Single Product page in mobile view? I can make the text larger using Elementor, but I can't make it any smaller than it is now.
I want it smaller so that the table is easier to understand, as currently the information is too cramped within the table.
Thanks!
Mat.
Hi Mat,
I have fixed the tab issue with a custom css code.
You will use another custom css code to reduce the pirce chat table.
Please go to wp-admin>theme options>custom css/js
and copy this code
#tab-size_chart tr+tr td+td {
font-size: 10px;
}
Thanks,
Alexandre from the Sonaar.io Crew
Awesome, thanks.
One other thing, what do I need to add to reduce the size of the headings in this table S, M, L, XL, etc, and Length (cm), Width (cm), etc. so it's less cramped on mobile.
I modified the code for the table in the Products section, which shrunk the text in Elementor, but that didn't show on the front-end.
Thanks!
Replace the code I gave by
#tab-size_chart td {
font-size: 10px;
}
Thanks,
Alexandre from the Sonaar.io Crew
Perfect. Thanks!