How can I apply the edited parents files to my child theme?
make a backup copy of the parent theme first.
copy all edited files over into the child theme (will not work for functions.php) – they would be used anyway.
once you are sure to have all edited files in the child theme, replace the parent theme with an original theme.
http://codex.ww.wp.xz.cn/Child_Themes
Thread Starter
pamr
(@pamr)
I made my backup copy and am now working on my child theme. I imported a few files so far from the parent theme (style.css, functions.php, index.php, header.php, etc). They’re also linked in my stylesheet as well.
Now that I’m ready to start fixing things (adding a border to the featured content and widgets, replacing footer, etc.), where would I do this? I tried putting a border radius and color around the featured content yesterday and adding the code to style.css, but nothing happened. I used the code I got from http://border-radius.com, but still no go. What am I doing wrong?
fixing things (adding a border to the featured content and widgets, replacing footer, etc.),
anything formatting related should go into style.css of the child theme; anything structural should go into the respective template file.
but nothing happened.
if you have cleared the browser cache, and still nothing – then try to use a tool such as Firebug to investigate the styles. http://getfirebug.com/
css styles have a hierarchy, and your new styles might not be specific enough to overwrite the styles from the parent theme.
if you post a link to your site, someone might make a suggestion;
although helping with fundamental formatting problems is not the main purpose of this WordPress support forum.
Thread Starter
pamr
(@pamr)
I use F12 as my developer tool. For example, I wanted to change the border color on my featured image. F12 directed me to <div class=”grid col-940″ id=”featured”> on the left. On the right was all this code:
#featured
padding-bottom: 0px;
border-top-color: #000000;
border-right-color: #d6d6d6;
border-bottom-color: #d6d6d6;
border-left-color: #d6d6d6;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-solid: solid;
border-right-solid: solid;
border-bottom-solid: solid;
border-left-solid: solid;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: rgb(255, 255, 255);
When I enter that into my style.css, nothing happens. I’ve refreshed and cleared my cache. What am I doing wrong?
