Return to previous page

Woocommerce Product Listing Columns - by gurhan

This topic has 14 replies, 4 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp

gurhan

Participant

April 23, 2015 at 07:33

Please take a look at the pic, and let me know if it is possible to make the columns different size?

http://autositebackup.com/my-uploads/columns.png

Thank you!

#58889 Copied

13 Answers
Robert Hall

Participant

April 23, 2015 at 08:45
Hello,

Please use this code in custom.css file
1) To change left column width :

.products-list .product .product-image-wrapper{ width:45%; }

2) To change right column width :

.products-list .product .product-details{ width:50%; }

Regards,
Robert Hall.
#58910 Copied
gurhan

Participant

April 23, 2015 at 08:52

I put the following in the style.css of the child theme, didn’t work Robert?

.products-list .product .product-image-wrapper{width:65%;}

.products-list .product .product-details{width:35%;}

#58914 Copied
Brian Johnson

Member

April 23, 2015 at 09:13
Hello

You may try to add following lines into the style.css of the Child Theme:

.tax-product_cat .products-list .product .product-details {width:45%} .tax-product_cat .products-list .product .product-image-wrapper{width:50%}

With best regards
Brian Johnson
#58922 Copied
gurhan

Participant

April 23, 2015 at 10:08

I put that code, it got messed up…

I even deleted that code from the style.css of the Child Theme:, it is still messed up

http://www.classicaladdiction.com/beaux-artes/product-category/decorative-grilles/arts-and-crafts-grilles/

#58957 Copied

gurhan

Participant

April 23, 2015 at 11:06

cleared cached, cookies, and everything else… I am not getting an error Eva?

http://www.classicaladdiction.com/beaux-artes/

#59003 Copied

Eva Kemp

Participant

April 23, 2015 at 11:08

Hello,

Please provide us with FTP access for the site http://www.classicaladdiction.com/beaux-artes .

Thank you.
Regards,
Eva Kemp.

#59007 Copied

gurhan

Participant

April 23, 2015 at 11:48

here you go…

Please, contact administrator
for this information.

#59022 Copied

Eva Kemp

Participant

April 23, 2015 at 14:24

Hello,

Please give us correct wp-admin panel credentials as well for the site http://www.classicaladdiction.com/beaux-artes .

Thank you.
Regards,
Eva Kemp.

#59152 Copied

gurhan

Participant

April 23, 2015 at 14:53

here you go Eva

Please, contact administrator
for this information.

#59164 Copied

gurhan

Participant

April 23, 2015 at 17:30

Hello Eva,

I see the columns are back… Can you tell me how I can adjust the column sizes please?

I am trying to make the left column wider, and the right column smaller

Thank you!

#59251 Copied
Eva Kemp

Participant

April 23, 2015 at 18:23
Hello,

I’ve added this code in style.css of the child theme and the columns width is changed now:

.products-list .product .product-details{ width: 50% !important; } .products-list .product .product-image-wrapper{ width: 45% !important; }

Please clear browser cache and check.

Regards,
Eva Kemp.
#59266 Copied
gurhan

Participant

April 23, 2015 at 19:00

you are awesommmeeeee!!!!

#59272 Copied

Eva Kemp

Participant

April 23, 2015 at 20:16

Hello,

You’re welcome.

Regards,
Eva Kemp.

#59291 Copied
Viewing 14 results - 1 through 14 (of 14 total)