Home style.css sheet on local host not saving correctly
Reply: 1

style.css sheet on local host not saving correctly

logos_164
1#
logos_164 Published in 2017-12-07 22:35:28Z

I am building a wordpress theme on a localhost, using phpmyadmin and Ampps.

I have pasted the following into the style.css folder

    body {

    font-family: Arial;
    font-size: 15px;
    color:  #333333
    background: #f4f4f4;
    margin:0;
    padding:0;
    line-height: 1.7em;
}

header {

    background: #393939;
    color: #ffffff;
    padding: 20px 10px;

}

header h1 {

    color: #ffffff;
    margin:0;
    padding:0;
    padding-bottom: 10px;

}

a {

    color: #333333;

}

article.post {

    border-bottom: 1px #cccccc solid;
    overflow: hidden;
    padding-bottom: 20px;

}

.container {

    width:1020px;
    margin:0 auto;
    overflow: auto;

}

.main {

        margin: 15px 0;

}

footer {

    background: #393939;
    color: #ffffff;
    padding: 20px 10px;
    text-align: center;

}

article.post a.button {

    display: inline-block;
    background:#333333;
    color:white;
    padding: 10px 5px;
    margin-bottom:  10px;
    text-decoration: none;

}

.meta {

    background:#333333;
    color:white;
    padding: 5px;

}

.post-thumbnail img{

    width: 100%;
    height:auto;





.main-nav li{

    list-style: none;
    float: left;
    padding-right: 15px;

}

.main-nav {

    background: #4169E1;
    color: #ffffff;

}

The code in my header.php folder is this:

<nav class="main-nav">

        <div class="container">

            <?php 
                $args = array(

                'theme_location'    => 'primary'

            );

            ?>
            <?php wp_nav_menu($args); ?>
        </div>

    </nav>

And then the functions.php code is this:

function simple_theme_setup() {

        //Featured Image Support
        add_theme_support('post-thumbnails');

        //Menus
        register_nav_menus(array(

            'primary'   => __('Primary Menu')

        ));
    }

I'm expecting to see the changes immediately on the site, as it has before, but this isn't occurring.

I go to "view page source" and click on the style.css link. it takes me there but the changes to the style sheet are not present.

I retried a couple of minutes later, and the changes to the stylesheet are present, but the changes have not taken effect on the site.

I read that I may need to clear cache files so I cleared my browsing cache but that didn't do anything . Would anyone have any input on this?

EDIT: after some more digging, I'm getting the feeling it's some other style that's overriding it that was declared earlier (based on this answer). I put the !important tags on the main-nav styles but that still didn't return anything.

logos_164
2#
logos_164 Reply to 2017-12-07 23:19:38Z

Fixed it, after the

.post-thumbnail img{

    width: 100%;
    height:auto;

I forgot the last }

Thanks to all who helped look though! just a testament to how one little thing can completely mess up the whole process.

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.304847 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO