Return to previous page

Change border radius on blog page sidebar and other issues.

This topic has 10 replies, 4 voices, and was last updated 2 months, 2 weeks ago ago by Andrew Mitchell

Elhadj07

Participant

July 16, 2024 at 02:46

Hello,

Could you please help me fix these.

1 – I woulx like to Remove quickview button on recommend and related products for mobile only to Remove.

2 – How to remove free shipping batch on cart view window.

3 – How to remove the Custom ccs code from more details on quickview window.

4 – how to disable filter from shop.

5 – How to make border radius to 5px on blog categories and best sellings

6 – the product images i added are blurry on home page, shop page but look clear on single product page.

Can this be fixed please?

I have attached screenshots in which I wrote what I need help for.

Many thanks

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#404941 Copied Theme version: 9.3.15

9 Answers
Luca Rossi

Support staff

July 16, 2024 at 11:38
Hi @Elhadj07,

1. Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.elementor-widget-etheme_products .show-quickly,
.elementor-widget-woocommerce-product-etheme_related .show-quickly {
    display: none;
}
```
2. Please edit your Header Builder under Customizer > Header Builder > select the Cart icon > then change the Promo Message, check the Screenshot-1.

3. We’re looking deeper into this issue.

4. Please edit your Product Archive template, then remove the Sidebar/Filters at the bottom. Check Screenshots-2.

5. Please add this custom CSS:
```
div#categories-1,
div#etheme_widget_products-2{
    border-radius: 5px;
}
```
6. Please change the thumbnail width under Customizer > WooCommere(Shop) > Product Images. Check Screenshot-3.

Best Regards,
8Theme’s Team

Files is visible for topic creator and
support staff only.
#405100 Copied
Elhadj07

Participant

July 16, 2024 at 14:55

Hi Luca,

Thanks so much for the great support as always.

All fixed apart from Question 1 and 3.

For the question 1 – ( I would like to Remove quickview button on recommended and related products for mobile only. ) I have added the custom css code you provided but still not removed on mobile.

Many Thanks

Please contact administrator
for this information.

#405168 Copied

Elhadj07

Participant

July 16, 2024 at 15:35

Hi again Luca,

I would like to display two columns of the products and categories on the home page and shop page on mobile instead of 1 product.

I tried to do that and set two columns for mobile but not working.

Thanks

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#405182 Copied
Luca Rossi

Support staff

July 17, 2024 at 07:21
Hi @Elhadj07,

1. We’ve updated the custom CSS codes. Can you please check again?

2. Set the columns on mobile version is not available for Product Categories Element, to achieve this please add this custom CSS:
```
@media (max-width: 480px){
    .home .elementor-element .category-grid {
        width: 50%;
    }
    .home .category-grid .categories-mask h4 {
        font-size: 16px !important;
        margin-top: -50px;
    }
}
```
Hope it helps!
#405263 Copied
Elhadj07

Participant

July 17, 2024 at 09:22

Hi Luca,

Okay thanks, have you been able to identify the issue with the Custom css code showing at quickview before the description?

You mentioned yesterday you were looking at it.

It is still visible on the quickview.

Many thanks

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#405301 Copied

Rose Tyler

Support staff

July 17, 2024 at 10:48

Hello, Elhadj07,

Thank you for getting in touch with us.

The product description contains tags, and when a part of the excerpt is taken to show in Quick View, some unclosed tags cause the problem.
There are 2 ways, you can set “”More Details” Length (Charts)” 999999999, in Theme Options > WooCommerce > Shop elements > Quick view OR disable More Details Link via Theme Options > WooCommerce > Shop elements > Quick view.

Warm Regards,
The 8Theme Team

#405331 Copied

Elhadj07

Participant

July 17, 2024 at 12:41

Hi Rose,

Thank you I disabled the quick view and worked.

Could you please update the Custom ccs code provided by Luca regarding this question: 2. Set the columns on mobile version is not available for Product Categories Element, to achieve this please add this custom CSS:

I want all shop products columns also to be 2 on mobile instead of 1.

The custom css worked fine for categories if you could update that so that all products on mobile will display 2 instead of 1.

Many thanks

Files is visible for topic creator and
support staff only.

#405388 Copied

Luca Rossi

Support staff

July 17, 2024 at 14:27

Hi @Elhadj07,

Please edit your Product Carousel Element, under Slide Per View > switch to Mobile > change 2.

Hope it helps!

Files is visible for topic creator and
support staff only.

#405416 Copied

Andrew Mitchell

Support staff

July 24, 2024 at 20:19

Dear Elhadj07,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#406811 Copied
Tagged: blog page sidebar customization, change border radius woocommerce themes, improve woocommerce blog layout, woocommerce wordpress issues solutions, wordpress themes border radius adjustment
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Change border radius on blog page sidebar and other issues.’' has been successfully resolved, and the topic is now closed for further responses

Change border radius on blog page sidebar and other issues.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection