inaragraphic 0 Report post Posted October 17, 2011 Hi All, First post. Been busy customizing PlatformPro for my site. I have added some code into the HeaderScripts Code section to use my custom.css file but I am finding that some of the styles I put in get overwritten by the default settings. If I put the css style into the CSS Rules section of the custom code then it gets implemented with no problems. Is there any way to make it so that the styles in my custom.css over-write ANY other styles? Any help would be great Also, on a side note, I am still not quite understanding the child theming, base theme thing. A short video guide on how to set this up from scratch and where to add customization, would be awesome! Thanks Share this post Link to post Share on other sites
catrina 103 Report post Posted October 18, 2011 If you have PlatformBase (the child theme) enabled, you should be able to add CSS to the base stylesheet via Appearance > Editor. As for child theming, have you seen this documentation?: http://www.pagelines.com/docs/base-child-theme Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
inaragraphic 0 Report post Posted October 18, 2011 Hi Catrina, Thanks so much. Didn't see the download of PlatformBase so I have it now and have activated it. Most of my CSS is working but there is still some stuff that is being overwritten byt the PlatformPro css. For example, as I am making a dark theme, I would like to change the images used in the carousel. So I am using the following style: #carousel .jcarousel-prev { background-image:url(http://localhost/sobm/images/carousel_navleft.png); } But when I reload, nothing happens and when I look in Firebug, my style is crossed out and the style being used is from the PlatformPro/sections/carousel/carousel.css Any ideas why that is happening? Share this post Link to post Share on other sites
mstmarie1 0 Report post Posted October 18, 2011 The Headerscripts area doesn't actually place the code at the end of the tag. I'm not sure why, it just doesn't. With that in mind, the top-down rules of CSS are still in force, and the dynamic style sheet is still going to be the last style sheet that is loaded. I'm sure that was the actual intent of creating that custom CSS area. Perhaps adding !import to all of your custom.css rules will accomplish what you're looking to do. Share this post Link to post Share on other sites