Tagged: Parent child
November 18, 2011 at 12:55 am #2113
Is there a child theme for the Pure Theme? If not, how are upgrades to the theme to be handled? I’m sure I will have some local changes.
LarryNovember 18, 2011 at 8:23 am #2114
Create a new folder and follow this guide http://themeloom.com/support/framework-codex/developers/creating-a-child-theme/
The only file required would be a style.css to get going.
Change the Xi’s to Pure’s.
If you like I can send you a sample for Pure and probably should put one up here some where.November 18, 2011 at 2:55 pm #2115
Thanks for the tip..
It woould be nice to have a /themes/ folder with the dhild theme distributed with the theme download.
LarryNovember 18, 2011 at 3:23 pm #2116
I activated my child theme and was able to change “.flex-caption h2” just as a test.
However, adding this to my style.css did not chnage the text color:
I added @import url(“../LivingOS-Pure/base/lib/css/feature-slider.css”); to my style.css just for grins.
My question is, how do I make my child theme style.css changes override css that is not in the style.css file?
LarryNovember 18, 2011 at 4:50 pm #2119
you don’t need to add feature slider css. In fact you shouldn’t! This is added automatically when slider is enabled.
flexislider.css is added before the Pure style.css in the header by the theme
Your child theme just needs to import the Pure style.css
Then everything that follow overrides the other stuff depending on CSS selector rules. I suspect your rule is being ignored because another rule with higher priority.
The excerpt for example is probably governed by this statement in flexislider.css:
This trumps your .slide.excerpt in terms of priority.
One of the best ways to work out these kind of things is to user Chrome browser’s right click-inspect element command. This will show exeactly which css is being used fro every element.
Also anything added in theme options either in custom css or in accent color options overrides all.November 18, 2011 at 5:44 pm #2120
It is important for me to be able to control css styles from the child theme. I would like to change the slider appearence to be a photo os a standard dimension with text on the right.
If it can be done in a simple way, I would like the slider to pause on mouseover.
Thanks for the Chrome tip.
LarryNovember 18, 2011 at 7:58 pm #2123
Image dimension are not handled by css in this case.
See preparing images in http://themeloom.com/support/framework-codex/post-pages-images-and-thumbnails/
and also the Pure user guide for image sizes.November 18, 2011 at 9:20 pm #2126
If I use a consistent size for the featured images, then I hope I can control the relative location of the image, the link to the feature and the exerpt to obtain consistent sliders. But I have not tried this yet.
You must be logged in to reply to this topic.