style.css doesn’t work, change css cascade loading priority

Good morning, I am contacting you due to a problem encountered with the loading of style sheets, as when I go to move the css from the “custom css” to the “style.css” of the child theme, they no longer work. Can you help me change the priority that is given to these 2 stylesheets? Thank you.

Hello,

Please share the wp logins details in private content under the message area i will check and give you a possible solution.

Best Regards.

Ok. thank you.

Hello,

It is not an issue. You can add the custom css in Theme Settings > Custom CSS.

Best Regards.

For my site I need to have the additional css in the associated style.css file and not that the additional code in the header be present on each page, as it is not optimal for positioning on search engines as among other things it unnecessarily weighs down the page. Can you tell me how to load the ‘style.css’ file last so that the changes in it are made correctly on the front end?

Hello,

Can you please share the custom css code which you are using in the child theme.

Best Regards.

Good morning, the code that needs to be displayed is everything I added in the “additional css” section of the theme. for now it is the following: “.icona-filtri-mob img {max-width:20px;}

#columncatimg {width:33%;}

#wpcf7-f8901-p4439-o1 span.wpcf7-list-item-label {
color:white;}

#wpcf7-f8901-p4439-o1 option {
color:#777777!important;
}

.wd-empty-mini-cart .btn {color:#fff;}
.wd-empty-mini-cart .btn:hover
{color:#52796F;}
.indexchisiamo {color:#fff!important;}
.return-to-shop .button {color:white;}
.return-to-shop .button:hover
{background-color:#52796F;}

.single_add_to_cart_button {color:white;}
.single_add_to_cart_button:hover {background-color:#52796F;}

/* dimensione immagini pagina prodotto */
.woocommerce-product-gallery.wd-owl.product-image-wrap {
padding-right:25px;
padding-left:25px;
}
div.thumbnails.owl-carousel.wd-owl.owl-items-lg-4.owl-items-md-4.owl-items-sm-4.owl-items-xs-3.thumbnails-ready.owl-loaded.owl-drag {
margin-top:-70px;
}
/* paginazione prodotto tabella in contrasto */
div.col-lg-6.col-12.col-md-6.text-left.summary.entry-summary
{
background-color: #f8f8f8;
padding: 20px 35px 20px 40px;
}

/* modulo iscrizione newsletter popup margine */
#elementor-popup-modal-13449 div.dialog-widget-content.dialog-lightbox-widget-content.animated{
margin-top:-100px;
}

/* modulo iscrizione newsletter desk */
input.iscnewsinvia {
background-color:#52796f;
color:white;
border: 1px solid white;
}
input.iscnewsinvia:hover {
background-color:white;
color:#52796f;
}
input.namenewsform {
border-color:white;
}

input.emailnewsform {
border-color:white;
}

/* modulo contatto contattaci */
.selectmotivo {
width:550px;
border-color:#52796f #52796f white #52796f;
margin-bottom: 10px;
font-size:18px;
}

.formpgcontatti01msg {
min-height:280px;
border-color:white;
}
.privacyconsp {
margin-bottom:5px;
}
.inviabtnp {
margin-top:110px;
}
input.richinfoinvia {
width:30%;
background-color:#52796f;
color:white;
border: 1px solid white;
}
input.richinfoinvia:hover {
background-color:white;
color:#52796f;
}
div.richinfo01 {
color:white;
}
input.formpgcontatti01 {
border-color:white;
}
#indirizzo-form-info {
border-color:white;
}
.richinfonewslet {
color:white;
}
span.richinfoprivacy label {
color:white;
}
span.richinfonewslet label {
color:white;
}

#wpcf7-f12877-p4439-o1 span.wpcf7-list-item-label {
color:white;}

#wpcf7-f12877-p4439-o1 option {
color:#777777;
}

/* modulo solo mobile */
select.selectmotivomob {
border-color:white;
margin-bottom: 10px;
}
p.nomeinfomob {
margin-bottom:15px;
}
p.emailinfomob {
margin-top:30px;
margin-bottom:15px;
}
p.selectcittmob {
margin-top:-10px;
}
input.richinfoinviamob {
margin-top:20px;
width:50%;
background-color:#52796f;
color:white;
border: 1px solid white;
}
input.richinfoinviamob:hover {
background-color:white;
color:#52796f;
}

/* pagina sitemap mod css inizio */
ul.ulcat3 {
margin-left: 30px;
line-height: 18px;
}
li.scat2lv {
margin-left: 30px;

}
a.flk1lv {
color:#52796f;
}

a.flk2lv {
color: #6f6a63;
font-weight:500;
}

a.tlk3lv {
color: #6f6a63;
}

a.flk1lv:hover {
color: #52796f;
}
a.flk2lv:hover {
color: #52796f;
}
a.tlk3lv:hover {
color: #52796f;
}

/*pagina sitemap mod css fine*/

/* sistemo altezza sezione titolo minima h 200px */
div.page-title.title-design-centered.title-shop {
min-height: 200px;
}

/* stacco scritte titolo pagina da breadcrumb */
div.page-title .container {
margin-top: 45px;
}

/* aggiungo margine a pagina checkout sotto */
form.checkout.woocommerce-checkout.row {
margin-bottom: 50px;
}

/* aggiungo margine a pagina carrello sotto */
div.cart-table-section {
margin-bottom: 50px;
}

/* box nero categorie box container */
ul.wd-nav-product-cat.wd-nav.wd-gap-m {
Background-color: #0000004d;
}

/* ridimensiono icona filtri mobile */
a img.attachment-full.size-full.wp-image-11699 {
width:20px;
height:20px;
}
/* colore grigio breadcrumb categorie */
body.single.single-product div.yoast-breadcrumb span {
color:#777777;
font-size:13px;
padding-top:15px;}
body.single.single-product div.yoast-breadcrumb a {
color:#777777;
font-size:13px;
padding-top:15px;
}
body.single.single-product div.yoast-breadcrumb a:hover {
color:#52796f;
}

/* colore bianco breadcrumb categorie */
div.yoast-breadcrumb span {
color:white;
font-size:13px;
padding-top:15px;
}
div.yoast-breadcrumb a {
color:white;
font-size:13px;
padding-top:15px;
}
div.yoast-breadcrumb a:hover {
color:#52796f;
}

/* spazio sotto bottone carica più prodotti */
.elementor-default .wd-loop-footer {
margin-bottom: 50px;
}

/* bordo bottone aggiungi al carrello */
button.single_add_to_cart_button.button.alt.wp-element-button {
border: solid 1px #52796f;
}

/* altezza minima pagina ricerca vuota */
div.main-page-wrapper {
min-height: 85vh!important;
padding-top: 18px;
}

/* stile tabella guanti-certificazioni pittogrammi */
.tab_style_custom_0001 {
max-width:500px;
}

/* barra menu mobile sopra e sotto in primo piano rispetto immagini categoria */
div.whb-main-header {
z-index: 9999;
}

div.wd-toolbar.wd-toolbar-label-show {
z-index: 9999;
height:70px;
padding-top:0;
}

div.cart-widget-side.wd-side-hidden.wd-right.wd-opened {
z-index: 99999;
}

/* dimensione menù prodotti main da 270 a 140 px */
span.menu-opener.color-scheme-dark.has-bg {
min-width:140px;
}

/* dimensione font h1 46 px */
h1 {
font-size:46px;
}

/* menu categorie distanza freccia da scritta prodotti */
.wd-header-cats.wd-style-1 .menu-opener:after {
margin-left:8px;
}

/* menu navigazione distanza Servizi da freccia prodotti */
span.menu-opener.color-scheme-dark.has-bg {
margin-right:-20px;
}

/* ombra bianca categorie banner home */
div.wrapp-category h3.wd-entities-title {
color:#52796f;
}

/* colore menu sidebar */
div#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.woocommerce.widget_product_categories {
background-color: beige;
padding: 20px 20px 20px 20px;
}

@media only screen and (max-width: 1024px) {
div.elementor-column.elementor-col-66.elementor-top-column.elementor-element.elementor-element-4c7c798e {width:100%;}

#categimgmen {
padding-right:0px;
padding-left:0px;
}
#categimgmen.elementor-widget-wrap.elementor-element-populated {
padding:5px;
}

}

@media only screen and (max-width: 600px) {
/* aumento spazio sotto icone social singolo prodotto mobile */
div.wd-social-icons.icons-design-default.icons-size-small.color-scheme-dark.social-share.social-form-circle.product-share.wd-layout-inline.text-left {
margin-bottom:20px;
}

/* destata categorie mobile ingrandisco */
div.wd-page-title-el .page-title {
}

.page-title .container {
margin-bottom: -20px;
margin-top: 30px;
min-height: 180px;
}

/* modifico layout anteprima prodotti categorie (scritte si sovrappongono a immagine da mobile) */
h3.wd-entities-title {
margin-top: -15px;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
padding-top: 10px;
}

/* porto riduco spazio titolo e immagine box prodotti container mobile */
.products .product-element-bottom {
margin-top:-25px;
}

}
”
When I copy it into style.css, many rules are not reported in the frontend because they are overwritten by other style files.

Hello,

You have missed the following line in the function.php of the child theme:

add_action( 'wp_enqueue_scripts', 'woodmart_child_enqueue_styles', 10010 );

Now i have added it in the function.php. Check back on your site after completely clearing the browser cache.

Best Regards.

I tried but it doesn’t work, the css rules are not applied while they work in the additional CSS.

Hello,

I have added the following code in the style.css of the child theme. It is working fine:

.product-grid-item .wd-entities-title {
	color: red !important;
}

Check back on your site after completely clearing the browser cache. Please use the correct class and check the issue.

Best Regards.

[Author]

Posts