CSS disabled

Hello all,

I’m having issues with my theme holding the CSS modifications that Site Origin CSS is making. Specifically, the main banner (font size) above the search bar and the footer widgets. With the Site Origin plugin, I changed the size of the font so the text wouldn’t wrap. When I am editing using the plugin, it shows the change but when I save it and go back to the home page, the changes have been reverted back to the default. On the footer, I have not put anything in the 2nd and 3rd widget so I can just have two. I modified the width of the two footers to equally fill the space but the change isn’t holding either.

On a previous support thread, I had issues with the text above the search bar, the search bar itself, and the popular categories being aligned to the center of the page. I forgot who helped me with that but CSS was added to fix the problem. As far as the first issues I mentioned, I got this back from the support team for the Site Origin plugin:

“I’m not too sure what’s adding this CSS, but the following selector .sd .featured-area h1.entry-title is being used to change the size of that text. I suspect due to it being minified that’s its being output later than what your CSS is so your CSS is being ignored due to the same specificity but simply output later.

So the reason why the CSS is working as desired when in the preview is due to the slight variation in resolution due to the size of the preview window – it’s preventing more specific CSS from kicking in. I would recommend replacing your selector and using something like .footer-widgets.containerdiv and consider using !important to prevent other CSS from your theme from overriding it (although I don’t think it’ll be as specific as the provided CSS).”

Can someone help me take a look at this so I can get this fixed?

I’m using the most current version of WordPress and the Supreme Theme.