Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi Support,
I’ve created a child theme for Vantage using a template I found on this support forum. My question is that I’d like the custom css to be stored in the child theme’s style.css file. I can currently only get css changes by using the CSS Editor menu option – which renders all the customisations inline on the page. Please can you let me know how I can use the child theme’s style.css file instead to make these changes?
Many thanks,
Dee
Hi Dee
If your child theme is activated you can add CSS rules to it from Appearance > Editor > style.css.
Hope that helps :)
Hi Andrew,
Ok, my bad! I did that first time round but hadn’t cleared my W3 Total Cache, hence the changes weren’t showing up on the front end and I got confused. I’ve now got the custom css in the child theme’s stylesheet working. However, there are still some styles showing inline. Are these hard coded into the theme and should I just live with them? Example below.
Kind regards,
Dee
</style><style type="text/css" media="screen">html{margin-top:32px !important}* html body{margin-top:32px !important}@media screen and ( max-width: 782px ){html{margin-top:46px !important}* html body{margin-top:46px !important}}</style> <style type="text/css" media="screen">#footer-widgets .widget{width:25%}@media screen and (max-width: 640px){#footer-widgets .widget{width:auto;float:none}}</style> <style type="text/css" media="all" id="siteorigin-panels-grids-wp_head">#pg-8-0 , #pg-8-1 , #pl-8 .panel-grid-cell .so-panel{margin-bottom:35px}#pgc-8-2-0,#pgc-8-2-1,#pgc-8-2-2{width:33.333%}#pg-8-2 .panel-grid-cell{float:left}#pl-8 .panel-grid-cell .so-panel:last-child{margin-bottom:0px}#pg-8-2{margin-left:-15px;margin-right:-15px}#pg-8-2 .panel-grid-cell{padding-left:15px;padding-right:15px}@media (max-width:780px){#pg-8-0 .panel-grid-cell , #pg-8-1 .panel-grid-cell , #pg-8-2 .panel-grid-cell{float:none;width:auto}#pgc-8-2-0,#pgc-8-2-1{margin-bottom:35px}#pl-8 .panel-grid{margin-left:0;margin-right:0}#pl-8 .panel-grid-cell{padding:0}}</style>Glad to hear you’ve made progress. Let me run through these:
Rules following #footer-widgets: Necessary for dynamic footer columns.
ID = siteorigin-panels-grids-wp_head = necessary for normal Page Builder operations.
I’m not sure where this being outputted from:
<style type="text/css" media="screen">html{margin-top:32px !important}* htmlbody{margin-top:32px !important}@media screen and ( max-width: 782px ){html{margin-top:46px !important}* htmlbody{margin-top:46px !important}}</style>I can’t seem to find it in your source.
Hi Andrew,
Thanks for that. The extra style could be from a plugin – I’ll check. Just noticed that some other styles are being output by plugins too (bad!). Good to know that the SiteOrigin code needs to remain there and I’ll work through the rest. Many thanks for your help and the prompt response.
Kind regards,
Dee
For sure, glad we could help :)