Docs

[Simon T]

Hey Guys,

Just a few questions regarding my shop at sportingedge.co.nz (the website is under construction so will post login details below)

1.) How can I change the font and size of these headings? they seem to be cut off at the LHS
2.) How do I get the images to display as thumbnails with borders – like the Woocommerce Renew example shown at http://demo.theme.co/shop-renew/
3.) On the product pages (bats for example) when I select a size, the word ‘clear’ pops up and moves the box up. Can I remove this word?
4.) On the same (bats) page, the short description seems to be indented. How can I align this with everything else?

Thanks in advance!!

[Simon T]

This reply has been marked as private.

[Christian]

Hey Simon,

1. Can you give us the URL of the page or a screenshot of what you’re referring to?

2. Set the Image’s Style option to Thumbnail (see attachment).

3. Please add the code below in your Appearance > Customize > Custom > CSS

.reset_variations { display: none; }

4. This is not an issue with X but you have setup a table there which has a padding in X’s CSS. Please replace the table with <p></p> tag (see attachment)

table th, table td {
    padding: 0.5em 0;
}

Thanks.

[Simon T]

Hi There,

1.) http://prnt.sc/c7jrqb
2.) I know how to do this using cornerstone on pages, but these are woocommerce product pages. Is there a setting in there or do I need to use CSS?
3.) This did not work. Please see this screenshot: http://prnt.sc/c7jss3
4.) Again, I did not set anything up on this page. I am just using WooCommerce that came with X.

Thanks for your help.

[Rue Nel]

Hello There,

Thanks for the updates!

1] You can font and sizes of the headings in the customizer, Appearance > Customize > Typography > Headings.

2] Please go to WooCommerce > Settings > Products > Display > Shop Page Display. For more details, check out the documentation:
https://docs.woocommerce.com/document/configuring-woocommerce-settings/#display

3] Please update the code and use this instead:

.reset_variations { 
  display: none !important; 
}

4] It seems that you have added the tables yourself (or maybe this came from the old content)

You need to edit each product short description and remove the tables. From this current content:

<table width="1790">
<tbody>
<tr>
<td width="1790">Exciting graphics appeal to young players. Great low price for natural Kashmir Willow.</td>
</tr>
</tbody>
</table>

And only use the text as the short description:

Exciting graphics appeal to young players. Great low price for natural Kashmir Willow.

Hope this helps.

[Author]

Posts