Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
gopi p
9,259 PointsIssue With Twenty eleven wp theme css changes
Hey Every one,
Recentyl i created a new website with twenty eleven theme base. i customized the theme according to my PSD design.you can see the site at http://goo.gl/Lt6wYr
Now the problem is when i make changes to style.css and other css files (i created another css file custome-styles.css) ,they are not applying to my site. now i'm putting that CSS in <head> section. why i'm afraid about this in page css is ,i'll lose this customization ,as and when i update the theme next .
Any solutions and suggestions ?
Ps: i've already posted this wp forums .we also have wordpress geeks here in treehouse community also .So just Trying :)
cheers
6 Answers
Kevin Korte
28,149 PointsCan you give us an example as to what exactly is not changing? I looked, but I'm not sure where the problem is.
I want to give you a warning. What you are doing is building a site made of cards so to speak, in addition it is going to be an even bigger nightmare to maintain with inline styles. One small update and you could lose all of your changes. You should never ever edit or change a theme's core files or add to.
If you want to build a site based on a theme like twenty eleven, then build your custom theme as a child theme to twenty eleven.
Look in WP's codex to learn how to set up a child theme. Then, make your edits to your child theme. That way your site is much more robost against updates jacking the whole thing up.
I know the headache you're setting yourself up to having doing what you are doing because I've done it before.
gopi p
9,259 PointsOk let me get this straight with one example
In footer take Programs section as example .there you will find one un order list with #menu-footer-first-link-set .for that unorder list we have padding-top:30px
ul#menu-footer-first-link-set { padding-top: 30px !important; }
The above styling was done in <head> section but not in style.css .it's not taking effect if i put this code in style.css . Hope you understand the issue.
@chaild themes- Yes i aware of it.i'll change the customization to child themes one by one .
Zac Gordon
Treehouse Guest TeacherIt looks to me like it is working. I changed the padding to 40px in web inspector and it worked: http://cl.ly/Qe19
gopi p
9,259 PointsHey Zac.. thanks for you effort. Actually css changes within browser using inspect element are working . but when i tried to apply those changes permanently in style.css or other css files ,they are not taking effect :(
Zac Gordon
Treehouse Guest TeacherOkay, let me understand. Are you editing the main style.css of the file or a custom CSS file?
gopi p
9,259 PointsActually both .. changes for both css files are not effecting.
ps:i've two css files .one style.css which came along with theme and another custom-styles.css which i created.
Zac Gordon
Treehouse Guest TeacherWhat happens when you (back up and then) delete the CSS files. Does it remove all of the CSS? Then try adding in just one style and see if it works.
gopi p
9,259 PointsYou mean to delete custom css file and adding that css in only style.css?
Zac Gordon
Treehouse Guest TeacherYou said changes in the main and custom files don't show up? Then try both. And make sure that any performance plugins you have installed have their caches cleared.