grappler wrote:

Hello Everybody,

You might know my widget contributions

1. Header Widget
2. Home Featured Widgets
3. Footer Widgets

I have now created a child theme with all of them plus css sprite lcons.

Here is a short explanation if you don't know what it is http://css-tricks.com/css-sprites/

You can view the files of the child theme from here or download them from the post.

If anyone wants me to add anything else let me know and I'll see what I can do.

Ulrich

grappler wrote:

Do you have a link? You uploaded it using the WordPress dashboard?

Ulrich

grappler wrote:

Could you delete it and then upload it via the WordPress dashboard.

Make sure you save any changes you made with css on your desktop.

Ulrich

Fernán wrote:

http://fernan.eu

I uploaded it with an FTP client.

Thanks for answering!

grappler wrote:

Do you have a link? You uploaded it using the WordPress dashboard?

Ulrich

asmith23 wrote:

Hi All:

I'm having a similar problem to the one that Fernán had. When I activate the Child Theme I go from Responsive to something similar to the attached. I've tried migrating the files for the child theme through FTP and through the dashboard, but both result in this odd rendering. Any thoughts?

asmith23 wrote:

I tried all of that, and I still had a problem - however, I set up a completely new instance of wordpress and installed and that seems to have worked. I'm not sure why, because I hadn't edited the CSS in the first wordpress that I tried the install on, the only thing that I had done was add a plugin. Anyway, I have it up and running now - thanks for all the help.

hlanggo wrote:

Wouldn't the child theme have to be updated every time the main theme is updated?

I only have 3 small changes/edits to the theme. I am considering that perhaps I should just add them to the main theme instead of the child theme.

hlanggo wrote:

That's okay. My changes are very minor (hide post-meta, print clean-up and making Nextgen slideshow work on home). I can just put up a site advisory while I'm putting in those changes.

Faster than update main theme, check-for/download latest child theme, add changes to child theme.

veronikuh wrote:

Hi, I was wondering if anyone has figured out any other ways to fix the error that happens when you upload this child theme.

I don't know how to create a new instance of wordpress.

veronikuh wrote:

grappler wrote:

You don't need to reinstall WordPress.
Check you are using WordPress 3.4.1 you can see at the bottom right corner.
First Activate TwentyEleven theme.
Delete Responsive and Responsive child theme.
In your case re-download the zip file as I just did a small update.
Then for to install theme ->upload theme and then click upload.
Once that is finished activate it.

Ulrich

veronikuh wrote:

Hi, I was wondering if anyone has figured out any other ways to fix the error that happens when you upload this child theme.

I don't know how to create a new instance of wordpress.

Thanks. Should I download the responsive theme first and then the child theme?

grappler wrote:

Hello Everybody,

You might know my widget contributions

1. Header Widget
2. Home Featured Widgets
3. Footer Widgets

I have now created a child theme with all of them plus css sprite lcons.

Here is a short explanation if you don't know what it is http://css-tricks.com/css-sprites/

You can view the files of the child theme from here or download the zip file.

If anyone wants me to add anything else let me know and I'll see what I can do.

Ulrich

Updated: 28.06.2012
made changes to footer to include new social icons and copied improvements from parent theme.
updated css sprites for new social icons and updated icons.png.
updated header with a improvement from parent theme.
Updated: 02.07.2012 - updated footer.php as the parent theme options update with yelp

veronikuh wrote:

Yeah thanks. Shoulda been able to figure that one out myself

But dkretz bring up a good point! Heres another screenshot. I'm confused about which files I should be editing.

dkretz wrote:

Awesome! Thank you!

Quick question though; when I extracted the zip file I noticed that the there seems to be a copy of the main folder inside the theme folder. Can I delete the embedded directory? Is one directory better to use than the other?

I've attached a screen shot for reference.

Thanks again for the great work,
Dave

grappler wrote:

Hello Everybody,

You might know my widget contributions

1. Header Widget
2. Home Featured Widgets
3. Footer Widgets

I have now created a child theme with all of them plus css sprite lcons.

Here is a short explanation if you don't know what it is http://css-tricks.com/css-sprites/

You can view the files of the child theme from here or download the zip file.

If anyone wants me to add anything else let me know and I'll see what I can do.

Ulrich

Updated: 28.06.2012
made changes to footer to include new social icons and copied improvements from parent theme.
updated css sprites for new social icons and updated icons.png.
updated header with a improvement from parent theme.
Updated: 02.07.2012 - updated footer.php as the parent theme options update with yelp

/*   
Theme Name: Responsive Child Theme
Theme URI: http://themeid.com/responsive-theme
Description: Responsive Child Theme
Author: Emil Uzelac
Author URI: http://themeid.com
Template: responsive
Version: 1.0
*/

/* Import Responsive Styles */
@import url('../responsive/style.css');

/* =Start Here
-------------------------------------------------------------- */

.post-meta {
    display:none;
}


/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
        page-break-before:always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
        page-break-after:avoid;
    }

    ul,  ol,  dl {
        page-break-before:avoid;
    }

.widget-wrapper { display:none; }

body { background:white; color:black; margin:0 }
#header { display:none }
#content { width:100%; display:block; }
#comments { display:none }
#sidebar { display:none }
#footer { display:none }

#widgets { display:none; }

}
/*"The last 29 days of the month are the hardest."- Nikola Tesla*/

/* =Responsive Design
    (Media Queries)
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {
    }

    .grid, 
    .grid-right {
        float:none;
    }
    
    #featured-image .fluid-width-video-wrapper {
        margin:20px 0 0 0;
    }
}

@media screen and (max-width: 650px) {

    body {
    }

    #logo {
        float:none;
        text-align:center;
    }

    .grid, 
    .grid-right {
        float:none;
    }

    #featured-image .fluid-width-video-wrapper {
        margin:20px 0 0 0;
    }
    
    .js .menu,
    .sub-header-menu {
        display:none;
    }
    
    .top-menu, 
    .footer-menu li {
        float:none;
        text-align:center;
    }
    
    .tinynav { 
        display:block;
        margin:0 auto;
        width:100%;
    }
    
    .tinynav {
        -moz-appearance:none;
        -webkit-appearance:none;
        appearance:none;
        background: #fff url(../../../FTP/Dreamhost/themeid.com/public/responsive-child-theme/images/bg-select.png) no-repeat right;
        border:1px solid #ccc;
        overflow:hidden;
        padding:0.5em 1em 0.5em 0.75em;
    }
    
    .ie7 .tinynav,
    .ie8 .tinynav {
        padding-right:10px;
    }
    
    .ie9 .tinynav  {
        padding-right:8px;
    }
    
    #footer {
        text-align:center;
    }

    #footer .social-icons {
        text-align:center;
    }
}

@media screen and (max-width: 480px) {

    body {
    }

    #logo {
        float:none;
        position:relative;
        text-align:center;
    }

    .grid, 
    .grid-right {
        float:none;
    }
    
    #featured-image .fluid-width-video-wrapper {
        margin:20px 0 0 0;
    }
    
    .featured-title {
        font-size:40px;
        padding:40px 20px 0 20px
    }
    
    .menu ul, 
    .menu li, 
    .top-menu, 
    .footer-menu li, 
    .sub-header-menu li {
        float:none;
        text-align:center;
    }
    
    #footer {
        text-align:center;
    }

    #footer .social-icons {
        text-align:center;
    }
}

@media screen and (max-width: 320px) {
    
    #featured p {
        font-size:12px;
        line-height:1.2em;
    }

    .featured-title {
        font-size:35px;
    }
    
    .featured-subtitle {
        font-size:15px;
    }

    .call-to-action a.button {
        font-size:14px;
        padding:7px 17px;
    }
}

@media screen and (max-width: 240px) {
    
    #featured p {
        font-size:11px;
        line-height:1.1em;
    }

    .featured-title {
        font-size:20px;
    }
    
    .featured-subtitle {
        font-size:11px;
    }

    .call-to-action a.button {
        font-size:12px;
        padding:5px 15px;
    }
}

grappler wrote:

Sorry, I didn't realized you had a question. You do need to keep the responsive css in your child theme.

Ulrich

hlanggo wrote:

I decided to use the (very simple) child there at http://themeid.com/forum/topic/505/child-theme-example/

Then, I remove most of the style sheet, leaving just (below) and my two changes to post-meta and media print:

Do I put (above) back?

.post-meta {
    display:none;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
        page-break-before:always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
        page-break-after:avoid;
    }

    ul,  ol,  dl {
        page-break-before:avoid;
    }

.widget-wrapper { display:none; }

body { background:white; color:black; margin:0 }
#header { display:none }
#content { width:100%; display:block; }
#comments { display:none }
#sidebar { display:none }
#footer { display:none }

#widgets { display:none; }

}

hlanggo wrote:

Ugh. I just spotted the Custom CSS Styles section under Theme Options. (Was that always there?)

I didn't even have to make a child theme. (Boy, do I feel stupid. Yeah, I'm a noob, but missing Custom CSS Styles section makes me feel really stupid.)

Btw,

.post-meta {
    display:none;
}

works when placed in Custom CSS Styles.

But,

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
        page-break-before:always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
        page-break-after:avoid;
    }

    ul,  ol,  dl {
        page-break-before:avoid;
    }

.widget-wrapper { display:none; }

body { background:white; color:black; margin:0 }
#header { display:none }
#content { width:100%; display:block; }
#comments { display:none }
#sidebar { display:none }
#footer { display:none }

#widgets { display:none; }

}

does not work when placed in Custom CSS Styles.

Also, can child theme home.php just be a striped down version of parent theme home.php, containing just the changes?

<?php $options = get_option('responsive_theme_options');
            // First let's check if headline was set
                if (!empty($options['featured_content'])) {
                    echo do_shortcode($options['featured_content']);
            // If not display dummy headline for preview purposes
                  } else {             
                    echo '<img class="aligncenter" src="'.get_stylesheet_directory_uri().'/images/featured-image.png" width="440" height="300" alt="" />'; 
                   }
            ?>

echo do_shortcode($options['featured_content']);

if (!empty($options['featured_content'])) {
                    echo do_shortcode($options['featured_content']);]);

.post-meta {
    display:none;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

.widget-wrapper { display:none; }

body { background:white; color:black; margin:0 }
#header { display:none }
#content { width:100%; display:block; }
#comments { display:none }
#sidebar { display:none }
#footer { display:none }

#widgets { display:none; }

}

grappler wrote:

Hello Everybody,

You might know my widget contributions

1. Header Widget
2. Home Featured Widgets
3. Footer Widgets

I have now created a child theme with all of them plus css sprite lcons.

Here is a short explanation if you don't know what it is http://css-tricks.com/css-sprites/

You can view the files of the child theme from here or download the zip file.

If anyone wants me to add anything else let me know and I'll see what I can do.

Ulrich

Updated: 28.06.2012
made changes to footer to include new social icons and copied improvements from parent theme.
updated css sprites for new social icons and updated icons.png.
updated header with a improvement from parent theme.
Updated: 02.07.2012 - updated footer.php as the parent theme options update with yelp
Update: 06.07.2012 - add print css to style and updated footer.php to be compatable with 1.6.9.

Emil wrote:

Hi,

Child Theme or a Parent Theme, when it comes to design and general customizations they are treated the same way.

Start from here:

- http://css-tricks.com/perfect-full-page-background-image/

Emil

dkretz wrote:

Hello,

I was wondering if it's possible using the child theme to have multiple full-width backgrounds? I'd like to have one for the header area, one of the main content and one for the footer. I suppose just having the header and footer with their own would solve the problem just as well.

Thank you!
Dave