Support » Theme: Spun » inserting words into circles

  • Resolved thoughtfullyhungry

    (@thoughtfullyhungry)


    Hey there

    I have followed the instructions, made a child theme and created all the files. At least i believe I did. I am new to this, so I a sorry if I come off uneducated! I downloaded transmit to help me find the wp-content.

    I have created the child theme, but dont know how to implement it into my current site.

    Thank you!

Viewing 15 replies - 1 through 15 (of 16 total)
  • You can activate it through Appearance > Themes
    If it was done correctly you should see it in the list of available themes.
    When you first activate it your site should look no different than the parent theme.

    No, I did it wrong – now my theme says its broken… any advice?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What’s in your Child Theme style.css file?

    Hello-

    I deleted and reloaded the spun theme and began a new child theme and follow the directions very closely and I was unable to get the child theme to show up in my themes. Instead my current parent spun theme says it is missing its template.

    My child theme style.css file reads;

    /*
    Theme Name: Spun
    Theme URI: http://carolinethemes.com/2012/11/04/spun/
    Description: Spun is a minimalist, responsive theme that puts the emphasis on your content; extraneous navigation fades away to put your words and images front and center. PLEASE NOTE: Version 2.0 makes some major changes, please upgrade at your own risk.
    Version: 2.0.2
    Author: Caroline Moore
    Author URI: http://carolinemoore.net/
    License: GPL v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: light, one-column, fixed-width, white, gray, custom-menu, custom-background, custom-header, flexible-header, rtl-language-support, translation-ready, editor-style, featured-images, flexible-header, post-formats, theme-options
    
    .blog .hentry span.hometitle {
     width: 100%;
     position: absolute;
     top: 73px;
     display: table-cell;
    
     font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
     font-size: 32px;
     font-size: 3.2rem;
     font-style: italic;
     text-shadow: 0 0 10px #fff;
     text-align: center;
    
     line-height: 1.2;
     vertical-align: middle;
     word-wrap: break-word;
     color: #111;
    
     overflow: hidden;
    
     transition: background .4s ease-in-out;
     -webkit-transition: background .4s ease-in-out;
     -moz-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     -ms-transition: background .4s ease-in-out;
    }
    
    .blog .hentry {
     position: relative;
    }
    
    @media screen and ( max-width: 800px ) {
    	.blog .hentry span.hometitle {
    		font-size: 24px;
    		font-size: 2.4rem;
    	}
    }

    -Thank you!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Shouldn’t the comments at the top of the Child Theme look like this example: http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme ?

    Replace all of the code in your Child Theme style.css file with this:

    /*
    Theme Name: Spun Child
    Template: spun
    */
    
    @import url('../spun/style.css');
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */
    
    .blog .hentry span.hometitle {
     width: 100%;
     position: absolute;
     top: 73px;
     display: table-cell;
    
     font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
     font-size: 32px;
     font-size: 3.2rem;
     font-style: italic;
     text-shadow: 0 0 10px #fff;
     text-align: center;
    
     line-height: 1.2;
     vertical-align: middle;
     word-wrap: break-word;
     color: #111;
    
     overflow: hidden;
    
     transition: background .4s ease-in-out;
     -webkit-transition: background .4s ease-in-out;
     -moz-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     -ms-transition: background .4s ease-in-out;
    }
    
    .blog .hentry {
     position: relative;
    }
    
    @media screen and ( max-width: 800px ) {
    	.blog .hentry span.hometitle {
    		font-size: 24px;
    		font-size: 2.4rem;
    	}
    }

    Thank you – I did change it but I still get the the sam response. No child theme in my appearances and the original spun theme says its missing its template.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Let’s see your website

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What’s the name of your Child Theme folder?

    spun-child

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    This is your Child Theme style.css file currently: http://thoughtfullyhungry.com/wp-content/themes/spun-child/style.css?ver=3.8

    Ok thank you

    I must have messed up on something different because the theme shows up now but as a generic theme not the spun. Did I not copy the parent file correctly?

    Im sorry I feel like I must be frustrating :/

    Ah! Its works! Thank you!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you clear your cache? I can’t see what you mean.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘inserting words into circles’ is closed to new replies.