Woocommerce product page is left aligned

When you go into the backside and open the editor you will have icons to tell text what to do, hover over them and they will tell you what they do. There are three icons above the window that tells your text to align left, align center, and align right. You need to click on align center.
Hope that helps.

Try adding this to your theme options > advanced settings > custom css box:

.single-product .product .col-md-5.product-img-case, .single-product .product .col-md-7 {
width:50%;
}

Kadence Themes

css add on did not work.

i cannot find the backside editor – can you be more specific? sorry for the unknowledge.

when i log onto the gallery it seems to start out with a 4 column but then reverts to 3.

https://www.artmutts.com/shop

any help would be greatly apprecited. also one other question:
is there a way to put featured products from the shop page on the theme’s front page which I am using for a home page. I am new at all this so thanks.

could it be the size of my images? they don’t quite fit across? i have tried for a few days just to do what i did on the gallery page. the resizing of the photos is not easy as my paintings are all so varied in size.

Hey,
The css is showing on the site so now it’s split with product image and product information. are you wanting the image to sit above the information?

Why is your product thumbnail image so huge? 600px did you do that on purpose?

I don’t see any issue with the shop page, it shows 4 columns. Which browser are you using?

You can use woocommerce shortcodes to show featured products on your home page, just need to make sure you home page is a static page then add your shortcode to the page content, else upgrade to premium where this is a module option.

Kadence Themes

Hi. Thanks for replying. Yes, I wanted the image to appear above the information. I did put the 600 px in – I like large thumbnails but i may reduce to 500 as they all look jammed too tight together and 500px may look a little more organized. Can you confirm how to set them properly at 500px. I’m not sure if my settings are correct. I go to woocommerce, then settings, then products. Should i leave the hard crop on or off?

My browser is google chrome and I still show 3 columns.:(

I want the featured products to replace the portfolio widgets on this theme. So I put a shortcode in the static page, does it remove the portfolio featured photos?
Is there a way to place a background color in the product box in behind the wording and photo – I find it separates nicely.

I appreciate your help. I have spent weeks struggling with this.

You can add this, but be ware this is not what is intended for the products so you go beyond support:

.single-product .product .col-md-5.product-img-case, .single-product .product .col-md-7 {
width:100%;
}

As for thumbnails those are different the the image in the shop or the product page, they are the image that goes under the product image on the product page.

If you don’t want the image to be cropped then don’ t check hard crop.

As for your columns are you zoomed in or zoomed out? try a different browser.

in the theme options > home settings, move the portfolio carousel to disabled.

You can add this to your css box but the background on your images are white so it’s not going to look very good:

.products div.product {
background: #eee;
}

I appreciate your advice as I’m very new to this. I’m a bit confused about the thumbnails. The thumbnails on my gallery page – the ones in columns, are they not set by the “woocommerce – settings – products” selection (there are three boxes with size options to select from)? How do I then set a default 500 x 500 thumbnail display on my gallery page? Do I just resize images individually to 500 x 500 then add them as the product image for the gallery?

When i go to the website in internet explorer and firefox products are shown in 4 columns. All the text seems rather large, especially in the sidebar. However when looking in google chrome the text and sidebar look better.

I will follow your instructions for the static page/disable portfolio carousel. Where would I find a css code to put the featured products on the theme home page?

not sure why the website has such different visual settings on different browsers.

The catalogue image size is what is used in the shop page. A 500px wide photo and four columns doesn’t make senses. You only have so much space per column.

It sounds like you have some strange zooming going on with your chrome browser. Check out the demo site does it look strange here: https://themes.kadencethemes.com/virtue/

It’s a shortcode that shows featured products. woocommerce has a button you can click to add a shortcode.

Kadence Themes