Shop page customization

Hi @reckgear,

I’ll go over the questions using the same numbering:

1. The price tag in the WooCommerce shop is the same colour as the rest of the content (i.e. the “Body text color” setting in the “Content colors” tab of the Customizer); in case you want it to be something very specific, you can use the following custom CSS, replacing the black #000000 with the needed hue: .woocommerce-Price-amount { color: #000000; }

2. To address this, I’ll need to see the actual live website – at the moment the link you’ve provided displays a “coming soon” screen. Thanks!

I will turn off the coming soon setting. I thought I put that link on blacklist but it’s not working.
As the price body font colour doesn’t seem to work.

Thanks! Regarding the questions:

1. I don’t see any custom CSS active, please make sure you’ve added the custom code snippet I provided earlier to the “Additional CSS” tab of the Customizer (“Appearance – Customize” admin section).

2. You’re currently using the default shop archive page, it comes with a sidebar as defined in the WooCommerce plugin, and Bento does not affect this setup; in order to display widgets in the sidebar in this case, please drag-and-drop some into the “WooCommerce” sidebar in the “Appearance – Widgets” admin section. If you want a sidebar-less layout with an arbitrary number of columns, you can use Bento’s built-in grid template – more on that in this part of the official manual.

1. Thanks for the suggestion, I didn’t add it because you had said it should follow the body font colour in the content colour menu. I had set it appropriately and it didn’t seem to work Shops customizer shows I have it set as the same colour as the header.
However your method did work, If I wanted to change the font or style of it, would I also have to use CSS? since it doesn’t seem to follow the body font either or the default them font.

2. I am looking for the template drop down which I see here Home page – Visible but I don’t see it on the shops page. I am not sure why, I have read the documentation and it says it should be on every page in the editor under the attributes section

• This reply was modified 6 years, 7 months ago by reckgear. Reason: After further looking into page layout

So, I have checked. It seems like its setting the page as the shop page that is the issue. When I set another page to the shop page via Woocommerce > settings, the page I was originally working with now shows the option to change the template to Grid. When I set the shop archive back, then it removes it again.

1. Yes, you can add any other CSS declarations to the snippet I provided above.

2. Any page that is set as the “Shop page” in the WooCommerce options will display the sidebar-enabled default shop layout; what you need to do is create a new page, set it to a grid template, and add products as the content of the grid (please see the documentation link in the previous message for more details).

Ok, I will change to a different page and use the woocommerce shortcodes to show products.
The only thing I want to ask for the “Shop Page” archive, for the most part it doesn’t show any side bar, is that more so an issue because I don’t have anything in the side bar, so it just moves everything over or is that the theme trying to do it’s own thing over the default layout.

The sidebar is always displayed on the default WooCommerce shop archive page, but since you don’t have any widgets active in the “WooCommerce” sidebar (“Appearance – Widgets” admin section), it’s empty.