Child Theme CSS No Effect

  • Unknown's avatar

    Hi All,

    I have made a child theme of twentyfifteen that works fine. But when trying to move the sidebar to the right the code I enter in the child themes CSS seems to have no effect. Here is what i have in the childs style.css

    @-ms-viewport {
    	width: device-width;
    }
    
    @viewport {
    	width: device-width;
    }
    
    @media screen and (min-width: 59.6875em) {
    	.site-content {
    		float: left;
    		margin-left: 0px;
    		width: 70.5882%;
    	}
    
    	.sidebar {
    		float: right;
    		right: 0;
    		margin-right: 0px;
    		max-width: 413px;
    		width: 29.4118%;
    	}
    
    	body:before {
    		right: 0;
    		left:auto;
    	}
    
    	.site-footer {
    		margin: 0 0 0 6.1%;
    	}
    
    }

    No idea why this has 0 effect. You can see the site at https://kickassd.com

    In the childs functions.php I have:

    <?php
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
    function enqueue_parent_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    }
    ?>

    Any help much appreciated!

  • Hi there!

    I’m afraid this is the WordPress.com forum and yours is a standalone (also called WordPress.org) site, so we can’t hep you :/ (more about org vs com differences, here: https://en.support.wordpress.com/com-vs-org/)

    Anyway you can be helped in WordPress.org forums! :) Why don’t you try there?

    Hope this helps.

  • Unknown's avatar

    Sorry about that! I’ll head over there, thanks :)

  • The topic ‘Child Theme CSS No Effect’ is closed to new replies.