Jump to content
Sign in to follow this  
inaragraphic

Custom CSS - Not all working

Recommended Posts

inaragraphic

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
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
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
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×