Return to previous page

How to override plugin.css from Royal Theme

This topic has 6 replies, 2 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

CMYKreative

Participant

August 31, 2017 at 10:25

We have the child theme running, but in one of the parent theme css files (plugin.css) we see this:

.wpb_wrapper .smile_icon_list li .icon_description p {
color: #767676 !important;
line-height: 1.8 !important;
}

I understand I can simply remove the “!important” and then am able to override with the child theme css, but is there a way to put the plugin.css file in the child theme, and alter it there so that if the parent theme is updated we don’t lose that change?

If so, could someone point us in the right direction on how to override parent css files using the child theme structure.

Hope that makes sense! 🙂

#171198 Copied

5 Answers

Rose Tyler

Support staff

August 31, 2017 at 12:24

Hello,

Please provide me link to page on your site where this code is using. I will provide you code to add in style.css file of your child theme.

Regards

#171225 Copied

CMYKreative

Participant

September 11, 2017 at 02:25

Is there a way to simply “duplicate” the plugin.css file into the child theme and then update that file so that it doesn’t get changed when anything is updated in the parent theme?

#172037 Copied

Rose Tyler

Support staff

September 11, 2017 at 09:35

Hello,

It is a bad practice to copy full css file into child theme, so it would be better inspect code on your site and write only needed code in style.css of child theme.

Regards

#172078 Copied

CMYKreative

Participant

September 12, 2017 at 02:34

OK, thank you … we’ll work on specificity to see if that will actually override css that uses “!important” already within it.

#172171 Copied

Rose Tyler

Support staff

September 12, 2017 at 08:03

Hello,

You’re welcome! Feel free to ask if you have any other questions.

Regards

#172184 Copied
Viewing 6 results - 1 through 6 (of 6 total)