Title: Child theme css
Last modified: August 21, 2016

---

# Child theme css

 *  [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/)
 * Hey there gang,
 *  Having a little problem with child theme CSS not over-riding the parent theme
   CSS. I’m just trying to change a few colors and a logo size.
 * I’m very newb when it comes to modifying but learning as I go.
 * Here’s the child them style.css
 *     ```
       /*
       Theme Name: My Child Theme
       Theme URI: http: //mysite.com/
       Description: This is a custom child theme I have created.
       Author: David Allan
       Author URI: http: //workingmagician.com/
       Template: formfunction
       Version: 0.1
       */
   
       @import url("../formfunction/style.css");
   
       #logo { }
       	#logo img { max-width: 410px; height: auto; }
       	#logo a { display: block; margin: 0 auto 1em auto; max-width: 35em; color: #262626; font-weight: 300;  font-size: 1.75em; }
       	#logo a:hover { color: 00008D; }
   
       #nav, .menu { padding: 0 0 1em 0; }
       	#nav li, .menu li { display: inline-block; font-weight: 700; font-size: 0.55em; }
       	#nav a, .menu a { padding: 15px; color: #737373; text-transform: uppercase; }
       	#nav a:hover, .menu a:hover { color: FF0000; }
       	#nav .current-menu-item a, #nav .current_page_item a { color: FF0000; }
   
       h2 { margin: 0; letter-spacing: -1px; font-weight: 300; font-size: 2.25em; }
       	h2.post-title { margin-bottom: 1em; text-align: center; color: FF0000; }
       	h1 a, h2 a { }
       	h1 a :hover, h2 a:hover { }
       	h2 a.post-edit-link { color: #d9d9d9; }
   
       h4 { font-size: 1.5em; }
       	h4.cat-title { padding-top: 3em; color: FF0000; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 0.55em; }
       	h4 a { }
   
       img { }
       	section img { margin: 0 0 1em 0; max-width: 100%; }
       	section .wp-caption img { margin-bottom: 0.25em; color: #999; font-weight: 400; }
       	section .gallery img { margin: 0; border: 2px solid #fff !important; }
   
       blockquote { margin: 1em 0; padding: 0 0 0 1em; border-left: 2px solid 00008D; color: #999; font-weight: 300; font-size: .85em; }
       	article blockquote p { padding: 0; }
       	cite { font-style: normal; }
   
       a { color: 00008D; -webkit-transition: color .6s ease; -moz-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; }
       	a:hover { color: FF0000; }
   
       	input, textarea { padding: 10px; max-width: 90%; border-radius: 5px; font: 300 1em/1.6 'lato', sans-serif; }
       	input[type="submit"], button { padding: 10px; border-radius: 5px; background: FF0000; color: #fff; }
   
       .cat-list, .more, #pagi a { margin: 0 0 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; font-size: .55em; }
       	.cat-list a, footer small a { color: 00008D; }
       	.more a { color: #d9d9d9; }
       	#pagi a { margin: 0 2em 3em 2em; padding: 10px 20px; border-radius: 5px; background: #fff; }
       	.cat-list a:hover, footer small a:hover, .more a:hover { color: #999; }
   
       .meta { margin: 2em auto 3em auto; padding: 1em 0; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; text-align: center; font-weight: 400; font-size: 0.75em; }
       	.meta a { color: FF0000; }
   
       	.filters a { margin: 0 5px; padding: 5px 10px; color: FF0000; }
   
       .button { margin: 0 5px; padding: 10px 20px; border-radius: 5px; background: 00008D; color: #fff; font-weight: 400; font-size: 0.75em; -webkit-transition: background .6s ease; -moz-transition: background .6s ease; -o-transition: background .6s ease; transition: background .6s ease; }
       	.button:hover { background: FF0000; color: #fff; }
       ```
   
 * I do have the child theme activated but alas none of the above changes over-ride
   the parent. I do have the child theme in the right directory etc. but know I’m
   probably missing something small yet crucial:)
 * Thanks!
 * Dave
    workingmagician.com

Viewing 15 replies - 1 through 15 (of 51 total)

1 [2](https://wordpress.org/support/topic/child-theme-css-3/page/2/?output_format=md)
[3](https://wordpress.org/support/topic/child-theme-css-3/page/3/?output_format=md)
[4](https://wordpress.org/support/topic/child-theme-css-3/page/4/?output_format=md)
[→](https://wordpress.org/support/topic/child-theme-css-3/page/2/?output_format=md)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992149)
 * Looks like you have a bunch of CSS errors in there (color codes without the hash
   tag, some empty brackets) – you can find them by using the validator here:
 * [http://jigsaw.w3.org/css-validator/](http://jigsaw.w3.org/css-validator/)
 * Your site isn’t accessible but you can copy/paste into the direct input validator.
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992170)
 * Okay, saw what i did with screwing up changing the colors and omitting the #
 * changed a few things as per validator. That didn’t work so I imported all the
   CSS from the parent them and still no luck.
 * Here’s how it looks now…
 *     ```
       /*
       Theme Name: My Child Theme
       Theme URI: http: //workingmagician.com/
       Description: This is a custom child theme I have created.
       Author: David Allan
       Author URI: http: //workingmagician.com/
       Template: formfunction
       Version: 0.1
       */
   
       /* = written by paul jarvis / www.pjrvs.com ----------------------- */
   
       /* = html5 ----------------------- */
   
       ::-moz-selection { background: #f5f5f5; text-shadow: none; }
       ::selection { background: #f5f5f5; text-shadow: none; }
   
       /* = structure ----------------------- */
   
       html { font-size: 100%; }
       body { color: #4d4d4d; text-align: center; font: 300 1.250em/1.6 'lato', sans-serif; }
   
       	header, section { margin: 0 auto; }
   
       	header { }
       	section { padding-bottom: 3em; background: #f5f5f5; }
       	article { margin: 0 auto; padding: 2em 0 0 0; max-width: 35em; text-align: left; }
   
       		.single article, .page article { max-width: 25em; }
       		.page-template-archives-php article { max-width: 35em; }
       	footer { margin: 0 auto; }
       		footer section { padding: 2em 0; background: #FF0000; }
   
       /* = navigation ----------------------- */
   
       #logo { }
       	#logo img { max-width: 410px; height: auto; }
       	#logo a { display: block; margin: 0 auto 1em auto; max-width: 35em; color: #262626; font-weight: 300;  font-size: 1.75em; }
       	#logo a:hover { color: #00008D; }
   
       #logo, #nav, .menu {
         opacity: 0;
         -webkit-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
                 transform: translateY(-20px);
         -webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
            -moz-animation: fadein .6s .5s 1 forwards ease-in-out;
                 animation: fadein .6s .5s 1 forwards ease-in-out;
       }
   
       #nav, .menu {
           -webkit-animation-delay: 0s;
              -moz-animation-delay: 0s;
                   animation-delay: 0s;
         }
   
       #nav, .menu { padding: 0 0 1em 0; }
       	#nav li, .menu li { display: inline-block; font-weight: 700; font-size: 0.55em; }
       	#nav a, .menu a { padding: 15px; color: #737373; text-transform: uppercase; }
       	#nav a:hover, .menu a:hover { color: #FF0000; }
       	#nav .current-menu-item a, #nav .current_page_item a { color: #FF0000; }
   
       #navwrap a:hover { }
   
       /* = typography ----------------------- */
   
       h1, h2, h3, h4, h5 { color: #262626; line-height: 1.2; }
   
       h1 { padding: 1em auto; max-width: 35em; font-weight: 300; font-size: 1.5em; }
       	footer h1 { margin: 0 auto; color: #fff; text-align: center; max-width: 25em; }
       	footer h1 a { font-weight: 700; color: #fff; border-bottom: 2px solid rgba(255,255,255,.5); -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; }
       	footer h1 a:hover { color: #fff; opacity: .5; }
   
       h2 { margin: 0; letter-spacing: -1px; font-weight: 300; font-size: 2.25em; }
       	h2.post-title { margin-bottom: 1em; text-align: center; color: #FF0000; }
       	h1 a, h2 a { }
       	h1 a :hover, h2 a:hover { }
       	h2 a.post-edit-link { color: #d9d9d9; }
   
       h3 { margin: .25em 0; font-weight: 400; font-size: 1.5em; }
   
       h4 { font-size: 1.5em; }
       	h4.cat-title { padding-top: 3em; color: #FF0000; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 0.55em; }
       	h4 a { }
   
       p { }
       	article p, article ul, article ol { padding-bottom: 1em; }
   
       strong { font-weight: 700; }
   
       small { font-size: 0.55em; }
       	footer small { display: block; padding: 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; }
   
       ul, ol { }
       	article ul, article ol { margin-left: 1.25em; line-height: 1.4; }
       	article ul li { padding-bottom: 0.75em; list-style: circle; }
       	article ol li { padding-bottom: 0.75em; list-style: decimal; }
   
       img { }
       	section img { margin: 0 0 1em 0; max-width: 100%; }
       	section .wp-caption img { margin-bottom: 0.25em; color: #999; font-weight: 400; }
       	section .gallery img { margin: 0; border: 2px solid #fff !important; }
   
       blockquote { margin: 1em 0; padding: 0 0 0 1em; border-left: 2px solid #00008D; color: #999; font-weight: 300; font-size: .85em; }
       	article blockquote p { padding: 0; }
       	cite { font-style: normal; }
   
       hr { border-bottom: 4px solid #e5e5e5; width: 30%; margin: 1em auto 2em auto; }
   
       a { color: #00008D; -webkit-transition: color .6s ease; -moz-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; }
       	a:hover { color: #FF0000; }
   
       article .searchterm { padding: 0 5px 5px 5px; border-radius: 5px; background: #ffc; }
   
       /* = forms ----------------------- */
   
       form { padding-top: 3em; }
   
       	input, textarea { padding: 10px; max-width: 90%; border-radius: 5px; font: 300 1em/1.6 'lato', sans-serif; }
       	input[type="submit"], button { padding: 10px; border-radius: 5px; background: #FF0000; color: #fff; }
   
       	::-webkit-input-placeholder { color: #999; }
       	:-moz-placeholder { color: #999; }
       	::-moz-placeholder { color: #999; }
       	:-ms-input-placeholder { color: #999; }
   
       /* = common ----------------------- */
   
       .alignleft { position: relative; float: left; margin: 0 0.25em 0.25em 0; text-align: left; }
       .alignright { position: relative; float: right; margin: 0 0 0.25em 0.25em; text-align: right; }
       .aligncenter { clear: both; margin-right: auto; margin-left: auto; text-align: center; }
   
       .wp-caption { max-width: 100% !important; }
       .wp-caption img { max-width: 25em; }
       .wp-caption-text { font-size: 0.75em; }
       .wp-post-image { margin: 0 auto 2em auto; max-width: 15em; width: 50%; height: 50%; text-align: center; }
   
       .cat-list, .more, #pagi a { margin: 0 0 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; font-size: .55em; }
       	.cat-list a, footer small a { color: #00008D; }
       	.more a { color: #d9d9d9; }
       	#pagi a { margin: 0 2em 3em 2em; padding: 10px 20px; border-radius: 5px; background: #fff; }
       	.cat-list a:hover, footer small a:hover, .more a:hover { color: #999; }
   
       .meta { margin: 2em auto 3em auto; padding: 1em 0; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; text-align: center; font-weight: 400; font-size: 0.75em; }
       	.meta a { color: #FF0000; }
   
       .next-posts { text-align: center; }
       	.next-posts h4 { margin-bottom: 2em; color: #999; text-transform: uppercase; font-size: .55em; }
       	article .next-posts ul { margin: 0 !important; font-size: .75em; }
       	article .next-posts li { list-style: none; }
   
       .social { margin-top: 2em; }
       	.ss-icon { margin: 0 10px; font-size: 1.5em; }
   
       .filters { margin: 0 auto; padding: 3em 0 1em 0; max-width: 35em; border-bottom: 2px solid #e5e5e5; }
       	.filters li { display: inline-block; }
       	.filters a { margin: 0 5px; padding: 5px 10px; color: #FF0000; }
       	.filters a.active { border-radius: 5px; background: #fff; }
   
       .button { margin: 0 5px; padding: 10px 20px; border-radius: 5px; background: #00008D; color: #fff; font-weight: 400; font-size: 0.75em; -webkit-transition: background .6s ease; -moz-transition: background .6s ease; -o-transition: background .6s ease; transition: background .6s ease; }
       	.button:hover { background: #FF0000; color: #fff; }
   
       /* = media queries ----------------------- */
   
       @media screen and (max-width: 45em) {
       	body { padding: 1em 2em; }
       	section { background: none; }
       	article { padding: 0; }
       	.wp-caption img, .wp-caption, section img { max-width: 100% !important; }
   
       	footer h1 { padding: 0 2em; }
       	.alignleft { float: none; margin: 0 0 0.25em 0; }
       	.alignright { float: none; margin: 0 0 0.25em 0; text-align: left; }				
   
       	header { margin-bottom: 2em; border-bottom: 2px solid #e5e5e5; }
       	#nav a { padding: 5px; }
   
       	input, textarea { background: #f5f5f5; max-width: 70%; }
       }
   
       /* = print ----------------------- */
   
       @media print {
       	* { background: transparent !important; color: black !important; text-shadow: none !important; }
       	body { background: #fff; color: black; font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; }
       	section.post-content a:after { content: " (" attr(href) ")"; }
       	tr, img { page-break-inside: avoid; }
       	img { max-width:100% !important; border: 0; }
   
       	nav, aside { display: none; }
       }
   
       /* = light css animations ----------------------- */
   
       @-webkit-keyframes fadein{
         0%{ opacity: 0; -webkit-transform: translateY(-20px); }
         100%{ opacity: 1; -webkit-transform: translateY(0); }
       }
   
       @-moz-keyframes fadein{
         0%{ opacity: 0; -moz-transform: translateY(-20px); }
         100%{ opacity: 1; -moz-transform: translateY(0); }
       }
   
       @keyframes fadein{
         0%{ opacity: 0; transform: translateY(-20px); }
         100%{ opacity: 1; transform: translateY(0); }
       }
       ```
   
 * Thanks in advance for any help. Trying to learn through experience:)
 * Also site is now accessible.
 * Dave
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992171)
 * Where’s your `@import` line in your Child Theme style.css file?
    _[http://codex.wordpress.org/Child\_Themes#How\_to\_Create\_a\_Child\_Theme](http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme)_
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992172)
 * whoops – you’re right!
 * hang on.
 * There its in there now..added..still not working.
 * Shouldn’t it have not mattered anyway as the whole parent CSS is in the child
   theme?
 * Thanks,
    Dave
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992271)
 * Thought i’d include the code as it stands since i was fiddling the las t few 
   hours to no avail…
 *     ```
       /*
       Theme Name: My Child Theme
       Theme URI: http: //workingmagician.com/
       Description: This is a custom child theme I have created.
       Author: David Allan
       Author URI: http: //workingmagician.com/
       Template: formfunction
       Version: 0.1
       */
   
       @import url("../formfunction/main.css");
   
       /* = written by paul jarvis / www.pjrvs.com ----------------------- */
   
       /* = html5 ----------------------- */
   
       ::-moz-selection { background: #f5f5f5; text-shadow: none; }
       ::selection { background: #f5f5f5; text-shadow: none; }
   
       /* = structure ----------------------- */
   
       html { font-size: 100%; }
       body { color: #4d4d4d; text-align: center; font: 300 1.250em/1.6 'lato', sans-serif; }
   
       	header, section { margin: 0 auto; }
   
       	header { }
       	section { padding-bottom: 3em; background: #f5f5f5; }
       	article { margin: 0 auto; padding: 2em 0 0 0; max-width: 35em; text-align: left; }
   
       		.single article, .page article { max-width: 25em; }
       		.page-template-archives-php article { max-width: 35em; }
       	footer { margin: 0 auto; }
       		footer section { padding: 2em 0; background: #FF0000; }
   
       /* = navigation ----------------------- */
   
       #logo { }
       	#logo img { max-width: 410px; height: auto; }
       	#logo a { display: block; margin: 0 auto 1em auto; max-width: 35em; color: #262626; font-weight: 300;  font-size: 1.75em; }
       	#logo a:hover { color: #00008D; }
   
       #logo, #nav, .menu {
         opacity: 0;
         -webkit-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
                 transform: translateY(-20px);
         -webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
            -moz-animation: fadein .6s .5s 1 forwards ease-in-out;
                 animation: fadein .6s .5s 1 forwards ease-in-out;
       }
   
       #nav, .menu {
           -webkit-animation-delay: 0s;
              -moz-animation-delay: 0s;
                   animation-delay: 0s;
         }
   
       #nav, .menu { padding: 0 0 1em 0; }
       	#nav li, .menu li { display: inline-block; font-weight: 700; font-size: 0.55em; }
       	#nav a, .menu a { padding: 15px; color: #737373; text-transform: uppercase; }
       	#nav a:hover, .menu a:hover { color: #FF0000; }
       	#nav .current-menu-item a, #nav .current_page_item a { color: #FF0000; }
   
       #navwrap a:hover { }
   
       /* = typography ----------------------- */
   
       h1, h2, h3, h4, h5 { color: #262626; line-height: 1.2; }
   
       h1 { padding: 1em auto; max-width: 35em; font-weight: 300; font-size: 1.5em; }
       	footer h1 { margin: 0 auto; color: #fff; text-align: center; max-width: 25em; }
       	footer h1 a { font-weight: 700; color: #fff; border-bottom: 2px solid rgba(255,255,255,.5); -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; }
       	footer h1 a:hover { color: #fff; opacity: .5; }
   
       h2 { margin: 0; letter-spacing: -1px; font-weight: 300; font-size: 2.25em; }
       	h2.post-title { margin-bottom: 1em; text-align: center; color: #FF0000; }
       	h1 a, h2 a { }
       	h1 a :hover, h2 a:hover { }
       	h2 a.post-edit-link { color: #d9d9d9; }
   
       h3 { margin: .25em 0; font-weight: 400; font-size: 1.5em; }
   
       h4 { font-size: 1.5em; }
       	h4.cat-title { padding-top: 3em; color: #FF0000; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 0.55em; }
       	h4 a { }
   
       p { }
       	article p, article ul, article ol { padding-bottom: 1em; }
   
       strong { font-weight: 700; }
   
       small { font-size: 0.55em; }
       	footer small { display: block; padding: 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; }
   
       ul, ol { }
       	article ul, article ol { margin-left: 1.25em; line-height: 1.4; }
       	article ul li { padding-bottom: 0.75em; list-style: circle; }
       	article ol li { padding-bottom: 0.75em; list-style: decimal; }
   
       img { }
       	section img { margin: 0 0 1em 0; max-width: 100%; }
       	section .wp-caption img { margin-bottom: 0.25em; color: #999; font-weight: 400; }
       	section .gallery img { margin: 0; border: 2px solid #fff !important; }
   
       blockquote { margin: 1em 0; padding: 0 0 0 1em; border-left: 2px solid #00008D; color: #999; font-weight: 300; font-size: .85em; }
       	article blockquote p { padding: 0; }
       	cite { font-style: normal; }
   
       hr { border-bottom: 4px solid #e5e5e5; width: 30%; margin: 1em auto 2em auto; }
   
       a { color: #00008D; -webkit-transition: color .6s ease; -moz-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; }
       	a:hover { color: #FF0000; }
   
       article .searchterm { padding: 0 5px 5px 5px; border-radius: 5px; background: #ffc; }
   
       /* = forms ----------------------- */
   
       form { padding-top: 3em; }
   
       	input, textarea { padding: 10px; max-width: 90%; border-radius: 5px; font: 300 1em/1.6 'lato', sans-serif; }
       	input[type="submit"], button { padding: 10px; border-radius: 5px; background: #FF0000; color: #fff; }
   
       	::-webkit-input-placeholder { color: #999; }
       	:-moz-placeholder { color: #999; }
       	::-moz-placeholder { color: #999; }
       	:-ms-input-placeholder { color: #999; }
   
       /* = common ----------------------- */
   
       .alignleft { position: relative; float: left; margin: 0 0.25em 0.25em 0; text-align: left; }
       .alignright { position: relative; float: right; margin: 0 0 0.25em 0.25em; text-align: right; }
       .aligncenter { clear: both; margin-right: auto; margin-left: auto; text-align: center; }
   
       .wp-caption { max-width: 100% !important; }
       .wp-caption img { max-width: 25em; }
       .wp-caption-text { font-size: 0.75em; }
       .wp-post-image { margin: 0 auto 2em auto; max-width: 15em; width: 50%; height: 50%; text-align: center; }
   
       .cat-list, .more, #pagi a { margin: 0 0 3em 0; color: #999; text-align: center; text-transform: uppercase; font-weight: 400; font-size: .55em; }
       	.cat-list a, footer small a { color: #00008D; }
       	.more a { color: #d9d9d9; }
       	#pagi a { margin: 0 2em 3em 2em; padding: 10px 20px; border-radius: 5px; background: #fff; }
       	.cat-list a:hover, footer small a:hover, .more a:hover { color: #999; }
   
       .meta { margin: 2em auto 3em auto; padding: 1em 0; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; text-align: center; font-weight: 400; font-size: 0.75em; }
       	.meta a { color: #FF0000; }
   
       .next-posts { text-align: center; }
       	.next-posts h4 { margin-bottom: 2em; color: #999; text-transform: uppercase; font-size: .55em; }
       	article .next-posts ul { margin: 0 !important; font-size: .75em; }
       	article .next-posts li { list-style: none; }
   
       .social { margin-top: 2em; }
       	.ss-icon { margin: 0 10px; font-size: 1.5em; }
   
       .filters { margin: 0 auto; padding: 3em 0 1em 0; max-width: 35em; border-bottom: 2px solid #e5e5e5; }
       	.filters li { display: inline-block; }
       	.filters a { margin: 0 5px; padding: 5px 10px; color: #FF0000; }
       	.filters a.active { border-radius: 5px; background: #fff; }
   
       .button { margin: 0 5px; padding: 10px 20px; border-radius: 5px; background: #00008D; color: #fff; font-weight: 400; font-size: 0.75em; -webkit-transition: background .6s ease; -moz-transition: background .6s ease; -o-transition: background .6s ease; transition: background .6s ease; }
       	.button:hover { background: #FF0000; color: #fff; }
   
       /* = media queries ----------------------- */
   
       @media screen and (max-width: 45em) {
       	body { padding: 1em 2em; }
       	section { background: none; }
       	article { padding: 0; }
       	.wp-caption img, .wp-caption, section img { max-width: 100% !important; }
   
       	footer h1 { padding: 0 2em; }
       	.alignleft { float: none; margin: 0 0 0.25em 0; }
       	.alignright { float: none; margin: 0 0 0.25em 0; text-align: left; }				
   
       	header { margin-bottom: 2em; border-bottom: 2px solid #e5e5e5; }
       	#nav a { padding: 5px; }
   
       	input, textarea { background: #f5f5f5; max-width: 70%; }
       }
   
       /* = print ----------------------- */
   
       @media print {
       	* { background: transparent !important; color: black !important; text-shadow: none !important; }
       	body { background: #fff; color: black; font: 13pt Georgia, "Times New Roman", Times, serif; line-height: 1.3; }
       	section.post-content a:after { content: " (" attr(href) ")"; }
       	tr, img { page-break-inside: avoid; }
       	img { max-width:100% !important; border: 0; }
   
       	nav, aside { display: none; }
       }
   
       /* = light css animations ----------------------- */
   
       @-webkit-keyframes fadein{
         0%{ opacity: 0; -webkit-transform: translateY(-20px); }
         100%{ opacity: 1; -webkit-transform: translateY(0); }
       }
   
       @-moz-keyframes fadein{
         0%{ opacity: 0; -moz-transform: translateY(-20px); }
         100%{ opacity: 1; -moz-transform: translateY(0); }
       }
   
       @keyframes fadein{
         0%{ opacity: 0; transform: translateY(-20px); }
         100%{ opacity: 1; transform: translateY(0); }
       }
       ```
   
 * Thanks for any input!
 * Dave
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992276)
 * Where did you get this theme? Not all themes will work with a child theme so 
   that might be the problem. It’s really hard to debug without seeing the site…
   what’s showing on the site when you activate the child theme?
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992281)
 * I bought if from web designer Paul Jarvis…pjrvs.com
 * How do I know if this is child-enabled?
 * I just get the parent CSS with no alterations that i made in the child theme.
 * the site is workingmagician.com
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992286)
 * Just noticed something – this line should be style.css not main.css:
 *     ```
       @import url("../formfunction/main.css");
       ```
   
 * usually it’s file structure or the order CSS files are called…
 * You could try making a child theme for one of the twenty-somethings to see if
   that works…
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992288)
 * Okay I’ll try both suggestions….in the parent theme though thats where the CSS
   is though..main.css
 * Will report back!
 * Dave
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992295)
 * So i made a new test child theme for twentythirteen and when activated without
   the import function it showed the parent information without all the special 
   fonts etc
 * [http://workingmagician.com](http://workingmagician.com)
 * so at least I know where to put the child themes and what import does I suppose:)
 * Dave
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992296)
 * That’s missing the [@import](https://wordpress.org/support/users/import/) line
   so it’s not working right:
 *     ```
       /*
       Theme Name: test Child Theme
       Theme URI: http: //workingmagician.com/
       Description: This is a custom child theme I have created.
       Author: David Allan
       Author URI: http: //workingmagician.com/
       Template: twentythirteen
       Version: 0.1
       */
   
       @import url("../twentythirteen/style.css");
       ```
   
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992298)
 * Yup, I’m aware of that – hence the above. just proving to myself I understand
   what it does and I’m going through the right steps.
 * What do you think is wrong with the original theme setup then?
 * Dave
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992300)
 * Hard to know without seeing it and even then, not always obvious. Can you switch
   back to your other one now that your site’s online?? (I didn’t notice that earlier–
   dumb me :/ .) Might be able to tell something that way.
 *  Thread Starter [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * (@heisthesource)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992301)
 * okie doke!
 * Dave
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/#post-3992302)
 * Awesome site – started reading it – LOL! Okay now what if you switch to the child
   that you have?

Viewing 15 replies - 1 through 15 (of 51 total)

1 [2](https://wordpress.org/support/topic/child-theme-css-3/page/2/?output_format=md)
[3](https://wordpress.org/support/topic/child-theme-css-3/page/3/?output_format=md)
[4](https://wordpress.org/support/topic/child-theme-css-3/page/4/?output_format=md)
[→](https://wordpress.org/support/topic/child-theme-css-3/page/2/?output_format=md)

The topic ‘Child theme css’ is closed to new replies.

 * 51 replies
 * 4 participants
 * Last reply from: [HeistheSource](https://wordpress.org/support/users/heisthesource/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/child-theme-css-3/page/4/#post-3992346)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics