Return to previous page

Some custom CSS coding sections not working on my website

This topic has 14 replies, 3 voices, and was last updated 2 months, 1 weeks ago ago by Andrew Mitchell

Applesandcider

Participant

July 4, 2024 at 08:41

Hi,

1.

Please see this ticket – https://www.8theme.com/topic/rows-gap-slider-not-working-for-me-in-my-product-archive-section/#post-401898

The issue I was having relating to this ticket that I am referring to now, which is still ongoing is this…

Hi,

I want the border around the products, but there is one line going down, connecting each product on the left hand side. It’s definitely a bug, because it just stops abruptly at the top (see attachment.)

It’s that line going down all the products on the left, connecting each one, that I want gone. So that each product is properly detached from eachother.

Thanks

See attachment “Normal view” – You can still see the line coming down the left side of the images on the product archive page.

See attachment “Elementor” – You can now see that the line has gone.

So the custom CSS code works when you view the page on Edit with Elementor, but does not work when being viewed normally.

2.

Please see this ticket – https://www.8theme.com/topic/general-tabs-widget-static-block-of-product-filter-widget-not-working-properly-together/#post-401352

I have now tried viewing the website on multiple devices, and all of them show the problem of the dropdown flickering up and down continuous times even though I press it only once.

Both 1 + 2 have custom coding, but it just seems that for me and for multiple devices, including me asking other people to check on their devices, the issues for 1+2 are still apparent.

I have tried clearing cache on desktop, server and wordpress

I have deactivated all plugins except woocommerce, elementor, elementor pro and xstore

I have disabled cdn

All these issues still don’t show 1+2 to be working properly for me.

Any help would be appreciated. Thanks!

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#403030 Copied Theme version: 9.3.14

13 Answers

Applesandcider

Participant

July 4, 2024 at 09:01

Also just to give you extra info that might help, when I go to static block and edit the product filter widget by changing the typography of the words, the font for the info in the drop down boxes don’t change. The title fonts change, but not the words in the drop down box.

See attachment, both the fonts are different for the dropdown box. One is Outfit (the one in edit with elementor which is the correct one) and the other is Roboto or DM Sans (the one that is being viewed as a user) which is the old outdated one.

Files is visible for topic creator and
support staff only.

#403041 Copied
Luca Rossi

Support staff

July 4, 2024 at 09:08
Dear @Applesandcider,

We hope this message finds you well. We kindly request your assistance with the following:

1. Please add the following custom CSS to your website:
```
.etheme-product-grid.etheme-product-grid-bordered {
    border-left: none !important;
}
```
2. Additionally, we would appreciate it if you could provide us with a video demonstrating the issue you are experiencing. This will help us gain a clearer understanding of the problem and assist you more effectively.

Thank you for your cooperation.

Best regards,
The 8Theme Team
#403043 Copied
Applesandcider

Participant

July 4, 2024 at 09:23

That code worked thanks.

Regarding the other issue, I have attached a video screenshot which is me recording it 5 mins ago, but if you look in the other ticket you will also see a video I believe of me doing the same thing last week. Thanks

Please contact administrator
for this information.

#403050 Copied

Luca Rossi

Support staff

July 4, 2024 at 10:48

Hi @Applesandcider,

The login URL is expired. Can you please help us to create a new one?

Thank you!

#403072 Copied

Applesandcider

Participant

July 4, 2024 at 11:10

Please check now, thank you

Please contact administrator
for this information.

#403075 Copied
Luca Rossi

Support staff

July 5, 2024 at 09:36
Hi @Applesandcider,

Please add the following code under functions.php file locates in your child theme:
```
add_action('wp_footer', 'n2t_wp_footer');
function n2t_wp_footer(){
    if(is_singular('product')){
	?>
    <script>
        jQuery( function($){
            $(document).ready(function(){
                $('.et-tab-nav').on('click', function(){
                    $('.etheme-product-filters-item-title').off();
                });
            })
        });
    </script>
	<?php
    }
}
```
Hope it helps!
#403240 Copied
Applesandcider

Participant

July 5, 2024 at 12:02

Hi, I just checked properly regarding issue number 1 and actually the border on the left of the images did separate with your most recent custom css coding but what I didn’t realise is that there are some products that now there is no border on the left. Please see attachment to know what I mean. Thanks

Files is visible for topic creator and
support staff only.

#403250 Copied

Applesandcider

Participant

July 5, 2024 at 12:17

Regarding issue 2, added your custom code, cleared browser cache etc, still not working.

Files is visible for topic creator and
support staff only.

#403252 Copied
Luca Rossi

Support staff

July 6, 2024 at 05:09
Hi @Applesandcider,

Sorry for the confusion!

The correct codes shoud be:
```
add_action('wp_footer', 'n2t_wp_footer');
function n2t_wp_footer(){
	?>
    <script>
        jQuery( function($){
            $(document).ready(function(){
                $('.et-tab-nav').on('click', function(){
                    $('.etheme-product-filters-item-title').off();
                });
            })
        });
    </script>
	<?php
}
```
Best regards,
The 8Theme Team
#403320 Copied
Applesandcider

Participant

July 8, 2024 at 08:26

Hi just letting you know that issue 1 is still occuring…

Hi, I just checked properly regarding issue number 1 and actually the border on the left of the images did separate with your most recent custom css coding but what I didn’t realise is that there are some products that now there is no border on the left. Please see attachment to know what I mean. Thanks

Regarding issue 2, adding the custom css coding opened up another bunch of issues. Think it’s more hassle than it’s worth so I’ve gone another route.

So that just leaves us with issue 1.

Thanks

#403520 Copied
Luca Rossi

Support staff

July 8, 2024 at 09:58
Hi @Applesandcider,

For the border issue, please add this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
body .etheme-product-grid-bordered:not(.type-slider)>div {
    -webkit-border-start: 1px solid #e1e1e1 !important;
    border-inline-start: 1px solid #e1e1e1 !important;
}
```
https://prnt.sc/0f-U4QdvUXI6

Hope it helps!
#403549 Copied
Applesandcider

Participant

July 8, 2024 at 11:08

This worked thanks

#403573 Copied

Andrew Mitchell

Support staff

July 8, 2024 at 11:08

Dear Applesandcider,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

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

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#403574 Copied
Tagged: css coding issues, custom css coding, website development, website troubleshooting, woocommerce troubleshooting, woocommerce wordpress themes, wordpress customization
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Some custom CSS coding sections not working on my website’' has been successfully resolved, and the topic is now closed for further responses

Some custom CSS coding sections not working on my website

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection