Return to previous page

Some custom CSS coding sections not working on my website

This topic has 10 replies, 2 voices, and was last updated 2 days, 2 hours ago ago by Luca Rossi

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!

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#403030 Copied Theme version: 9.3.14

9 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

Content is visible for topic creator and
support staff only.

#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

Content is visible for topic creator and
support staff only.

#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
Tagged: css coding issues, custom css coding, website development, website troubleshooting, woocommerce troubleshooting, woocommerce wordpress themes, wordpress customization
Viewing 10 results - 1 through 10 (of 10 total)