Plugin Theme CSS

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

For a Plugin Theme, I have been unable to include some changes, and have to change them in the plugin itself:

/wp-content/plugins/myplugin/assets/css/

.myplugin #content div.product div.images,
.myplugin div.product div.images,
.myplugin -page #content div.product div.images,
.myplugin -page div.product div.images{
    width:40%;
}

But when I put this style in the theme style.css, the required width do not get rendered.

How should I fix the theme for raising the priority of this css?

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

For a Plugin Theme, I have been unable to include some changes, and have to change them in the plugin itself:

/wp-content/plugins/myplugin/assets/css/

.myplugin #content div.product div.images,
.myplugin div.product div.images,
.myplugin -page #content div.product div.images,
.myplugin -page div.product div.images{
    width:40%;
}

But when I put this style in the theme style.css, the required width do not get rendered.

How should I fix the theme for raising the priority of this css?

• plugins
• css

Share Improve this question edited Jan 23, 2019 at 3:39 Brethlosze asked Jan 22, 2019 at 4:01 BrethloszeBrethlosze 14911 gold badge22 silver badges1111 bronze badges 2

• where are you putting these styles? The admin customizer? – RiddleMeThis Commented Jan 22, 2019 at 4:41
• Your CSS needs to be more specific than the original to take precedence. – Jacob Peattie Commented Jan 22, 2019 at 5:02

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 2

You would be better off creating a child theme, this will ensure your edits do not get wiped out when you update Woo.

Anyway, this CSS should work. I usually avoid using !important but without seeing your page it's hard to say what is overriding your styles.

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images{
    width:40% !important;
}