Return to previous page

2 columns at shop page - by vision4reality

This topic has 8 replies, 4 voices, and was last updated 9 years, 3 months ago ago by Robert Hall

vision4reality

Participant

August 31, 2016 at 13:00

Hello! before some months we change the product page from 3 columns to 2, but we prefer now in shop main page to show categories and not products. Could you tell me the .class to turn the 3 columns categories to 2 columns? thanks a lot!

Please, contact administrator
for this information.

#138435 Copied Theme version: 3.0.3 WooCommerce version: 2.6

7 Answers
Rose Tyler

Support staff

August 31, 2016 at 13:51
Hello,

Please try to add this code in custom.css file:

@media (min-width: 1200px) { .post-type-archive-product .span4.product-category:nth-child(3n+1) { clear: none !important; } .post-type-archive-product .span4.product-category:nth-child(2n+1) { clear: both !important; } .post-type-archive-product .span4.product-category { width: 418px !important; } } @media (min-width: 992px) { .post-type-archive-product .span4.product-category { width: 320px !important; } } @media (min-width: 768px) { .post-type-archive-product .span4.product-category { width: 260px !important; } }

Regards,
Rose Tyler.
#138449 Copied
vision4reality

Participant

August 31, 2016 at 15:45

thank you!
one last. I have lost the arrows from pagination boxes < 1 2 3 etc. > . I see only numbers and next arrow show “SS” and previus arrow “F”, how could i resolve this?

#138490 Copied

Jack Richardson

Support staff

August 31, 2016 at 16:36

Hello,

May we reupload theme files?
Please provide FTP credentials.

Thank you.
Best regards,
Jack Richardson.

#138496 Copied

vision4reality

Participant

August 31, 2016 at 16:39

FTP

Please, contact administrator
for this information.

#138497 Copied Theme version: 3.0.3 WooCommerce version: 2.6
Jack Richardson

Support staff

September 1, 2016 at 11:37
Hello,

I’ve added the following css code in your child style.css file to fix the arrows:

.page-numbers .next::before, .pagination .next::before { content: "\f105"; font-family: fontawesome; font-size: 19px; } .page-numbers .prev::before, .pagination .prev::before { content: "\f104"; font-family: fontawesome; font-size: 19px; }

Best regards,
Jack Richardson.
#138564 Copied
vision4reality

Participant

September 1, 2016 at 12:21

Thank you so much for the great support!

#138572 Copied

Robert Hall

Participant

September 1, 2016 at 12:30

Hello,

You’re welcome!

Regards,
Robert Hall

#138574 Copied
Viewing 8 results - 1 through 8 (of 8 total)