Return to previous page

Some CSS is not working, but its showing that the class is active in finder window

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

carliczyk

Participant

July 4, 2024 at 20:40

I’m having a strange issue with only some specific custom CSS classes.

For example, you can see in Photo A from the finder window that the class is available. And I also have it linked in the stylesheet (Photo B). But for some reason its not picking it up on the website?

I have also tried placing my CSS in both the “Theme custom CSS” and the “Additional CSS” but no change.

Thanks for your help

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#403170 Copied Theme version: 9.3.13

9 Answers
Luca Rossi

Support staff

July 5, 2024 at 07:52
Hi @carlyliczyk,

Please try with this custom CSS codes instead:

#hero-banner .hero-button a { min-width: 240px; }

https://prnt.sc/LLz54tDFuK58

Hope it helps!
#403217 Copied
carliczyk

Participant

July 7, 2024 at 15:57

Hello, unfortunately it did not.

There are a number of styles that use to work, like the example provided above, but for some reason they’re not anymore?

Thank you

#403462 Copied

Luca Rossi

Support staff

July 8, 2024 at 04:05

Dear Carly,

We are pleased to inform you that we have successfully implemented the custom CSS codes as requested. You can review the changes at the following link: [https://prnt.sc/UWsExdJ9VL3a](https://prnt.sc/UWsExdJ9VL3a).

Could you please clear your browser caches and verify the modifications on your end?

Thank you for your cooperation.

Best Regards,
The 8Theme Team

#403486 Copied

carliczyk

Participant

July 8, 2024 at 04:21

Thank you!
For some reason the same thing is happening with these styles: (screenshots attached)

.promo-banner .elementor-element .swiper-button-next, .promo-banner .elementor-element .swiper-button-prev {

top: calc(50% – var(–arrow-size, 50px) / 2)!important;

}

and this style:

.swiper-pagination .swiper-pagination-bullet {

width: 6px!important;
height: 6px!important;

}

Files is visible for topic creator and
support staff only.

#403487 Copied

carliczyk

Participant

July 8, 2024 at 04:23

Screenshot for this style is attached, it didn’t attach in the last message

.swiper-pagination .swiper-pagination-bullet {

width: 6px!important;
height: 6px!important;

}

Files is visible for topic creator and
support staff only.

#403489 Copied
Luca Rossi

Support staff

July 8, 2024 at 04:31
Hi @carlyliczyk,

The correct custom CSS Codes are:

body .elementor-element .swiper-button-next, body .elementor-element .swiper-button-prev { top: calc(50% - var(--arrow-size, 50px) / 2) !important; }

And:

body .swiper-pagination .swiper-pagination-bullet { width: 15px !important; height: 15px !important; }

Best Regards,
The 8Theme Team
#403491 Copied
carliczyk

Participant

July 8, 2024 at 04:41

Thank you.

I tried to “body .swiper-pagination .swiper-pagination-bullet” but its still not working.

I would like them to be 6px height and width, not 15px.

body .swiper-pagination .swiper-pagination-bullet {
width: 6px!important;
height: 6px!important;
}

Thanks for your help

#403492 Copied

Luca Rossi

Support staff

July 8, 2024 at 07:28

Hi @carlyliczyk,

We couldn’t see the custom CSS codes there: https://prnt.sc/bt9WFU2im9PK. Where did you add the custom CSS codes?

We’ve also add the CSS codes for you about the buttet size and here is the result:

https://prnt.sc/i4qIaqr_dx0e

Can you please check again?

Thank you!

#403504 Copied

Andrew Mitchell

Support staff

July 8, 2024 at 17:32

Dear carlyliczyk,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#403679 Copied
Tagged: active class finder, css issues, fix css woocommerce, troubleshooting woocommerce css, woocommerce wordpress themes, wordpress theme errors
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Some CSS is not working, but its showing that the class is active in finder window’' has been successfully resolved, and the topic is now closed for further responses

Some CSS is not working, but its showing that the class is active in finder window

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection