netadminoh

Samuel – Your recommendation worked perfectly.

Added to the theme-child:
p {
margin-bottom: 20px;
}
then changed 20 to 0.

I’m closing this thread

Samuel – Thank You for your help

esmi – just took a quick course in Class and ID’s. Still weak on the subject, but realized that I cannot enter into the child a partial command. See if below is more on track. I tested and it does work at the 950px width. Also I learned that using percentage syntax is (max-width: 100%) not max-width: 100%px)

/*
Theme Name: Twenty Fourteen Child
Theme URI: http://wordpress.org/themes/twentyfourteen
Description: Twenty Fourteen Child Theme
Author: WPMU
Author URI: http://wpmu.com
Template: twentyfourteen
Version: 1.0.0
*/
@import url(“../twentyfourteen/style.css”);
/* =Theme customization starts here
————————————————————– */
body {
border: 10px solid red !important;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 950px;
}

pyjamaman – thank you for your help. It appears your recommendation worked. Please go to new threard, “How To Process a change in a theme-child”. I’ll finish up discussion there. Thanks again.

esmi – thank you for your help. I have removed original code from child to follow best practice. I’m continuing this discussion on thread “How To Process a change in a theme-child”. Please join me there. Thank You.

This may not be best practice but here is a test that worked.
Since the process of child entries is a copy from original and paste to child or add other code, I copied the complete style.css original and pasted to the child. Then I changed .page-content max-width: 950px. I left the red boarder so that I know I’m looking at the child and not the original. this seems to have worked. Is there any issue with this approach?

added body code and red boarder did appear. this means that the child style.css is setup correctly. If this assumption is wrong, let me know.
Next – I commented out the code that I copied and manally typed in.
Test did not change width of text as expected. here is child style.css

/*
Theme Name: Twenty Fourteen Child
Theme URI: http://wordpress.org/themes/twentyfourteen
Description: Twenty Fourteen Child Theme
Author: WPMU
Author URI: http://wpmu.com
Template: twentyfourteen
Version: 1.0.0
*/
@import url(“../twentyfourteen/style.css”);
/* =Theme customization starts here
————————————————————– */
/*
.page-content {
margin: 0 auto;
max-width: 950px;
}
*/
body {
border: 10px solid red !important;
}
.page-content {margin: 0 auto;max-width: 950px;}

Based on recommendation that 100%px is invalid, changed to 950px.
the original theme style.css = max-width: 474px;
the child theme style.css = max-width: 950px;
Each time I change oode in style.css, I restart Web Server Service and clear browser cache.

2 Tests conducted
1st without child style.css.
on original style.css = max-width: 950px;
web page showed wider text as expected.

2nd with child style.css.
on original style.css = max-width: 474px;
on child style.css = max-width: 950px;
Web page stays at 474 and does not go to 950px as expected

here is child style.css code
/*
Theme Name: Twenty Fourteen Child
Theme URI: http://wordpress.org/themes/twentyfourteen
Description: Twenty Fourteen Child Theme
Author: WPMU
Author URI: http://wpmu.com
Template: twentyfourteen
Version: 1.0.0
*/
@import url(“../twentyfourteen/style.css”);
/* =Theme customization starts here
————————————————————– */
.page-content {
margin: 0 auto;
max-width: 950px;
}
————————–End of Code —————-

Here is a small test to show that child style.css works.

/*
Theme Name: Twenty Fourteen Child
Theme URI: http://wordpress.org/themes/twentyfourteen
Description: Twenty Fourteen Child Theme
Author: WPMU
Author URI: http://wpmu.com
Template: twentyfourteen
Version: 1.0.0
*/
@import url(“../twentyfourteen/style.css”);
/* =Theme customization starts here
————————————————————– */
.page-content {
margin: 0 auto;
max-width: 100%px;
}
———————End of Code —————–

When I change max-width: 474px to 100%px in the “Original” style.css, I get the expected results of a wide text body display. However, when I leave the “Original” style.css at the default max-width: 474 and change the child max-width: 100%px, the text does not change and remains at the 474.
Process was copy from original and past to child. Then change child to 100%px. Suggestions on how to test this out?