• 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)
  • 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:

    https://jigsaw.w3.org/css-validator/

    Your site isn’t accessible but you can copy/paste into the direct input validator.

    Thread Starter HeistheSource

    (@heisthesource)

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where’s your @import line in your Child Theme style.css file?
    https://codex.www.ads-software.com/Child_Themes#How_to_Create_a_Child_Theme

    Thread Starter HeistheSource

    (@heisthesource)

    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

    (@heisthesource)

    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

    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

    (@heisthesource)

    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

    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

    (@heisthesource)

    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

    (@heisthesource)

    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

    https://workingmagician.com

    so at least I know where to put the child themes and what import does I suppose:)

    Dave

    That’s missing the @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

    (@heisthesource)

    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

    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

    (@heisthesource)

    okie doke!

    Dave

    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)
  • The topic ‘Child theme css’ is closed to new replies.