• I am assisting my families home community site development and the when I change the color code on any nav bars or menu bars they don’t render. I have customized quite a few sites without a hitch as far as changing the colors go. This is the very first time encountering this issue. I have FTP’d and triple checked I am FTP-ing the right files in right locations and have already cleared the web browsers cache/search history and refreshed. Still not resolved. With such a simple tweak, I’m going a bit mad going over what could be wrong. Any hints would be much appreciated.
    + I should add that I have 2 different child themes correctly installed on the same site as when the first did not allow color changes, I created another to be sure that it wasn’t just the theme – it’s not.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Can you provide a link to the site in question? Sometimes other people being able to see the style.css and site does help.

    Thread Starter THELITTLEi

    (@thelittlei)

    Hi Jan,

    sure thing, it is currently a temporary site.

    Site HERE

    /*
     Theme Name:   Twenty Thirteen Child
     Theme URI:
     Description:  Twenty Thirteen Child Theme
     Author:
     Author URI:
     Template:     twentythirteen
     Version:      1.3
     Tags:
     Text Domain:  twenty-thirteen-child
    */
    
    @import url("../twentythirteen/style.css");
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */

    Side note: I have deleted and re-added the twentythirteen-child folder and style.css a couple times now both from the local and remote site. The results are inconsistent. Once, I was able to change the header/menu border color and when I went to continue changing other borders’ colors, the changes ceased to show. I’m beginning to wonder if it has something to do with an update to the twentythirteen theme; as it’s been a few months since I’ve had to customize one (twentythirteen is my go-to theme that i’m familiar with).

    When I look at your site, I see that your child theme’s stylesheet is being picked up correctly and it’s correctly loading the parent theme’s stylesheet as well. I also see that the styles you have in your child theme’s stylesheet are being used on your site. Can you post a specific rule that isn’t working?

    Thread Starter THELITTLEi

    (@thelittlei)

    so it’s official, only the very FIRST commands saved and ftp’d over within the style.css render. ANY changes after that do NOT work at all. I reset the entire site last night and started fresh today to have the same issue(s). One thing I did notice is that when I first saved the child themes style.css i did so as a (.txt) file with the ‘style.css’ title. However, the SITE’s current style.css is saved as “style.css” with (All) file formats selected. And the issue persists. So as you look at the site, the first bits of code that were ftp’d over are:

    .site-main .widget-area { float: left;}
    
    .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta { padding: 0 60px 0 376px; }

    (WORKS/\)
    Which work as you can see. But when I attempt to ftp simple color changes AFTERWARDS such as:

    .navbar {
        background-color: #83D692;
    }
    
    .widget {
        -moz-hyphens: auto;
        background-color: #83d692;
        font-size: 14px;
        margin: 0 0 24px;
        padding: 20px;
        word-wrap: break-word;
    }

    (DOES NOT WORK/\)
    They DO NOT work.

    Im officially going insane.

    Are you using any caching plugin on your site or is your host caching your site? When I look at your site, I see all the code that you listed in your most recent post in your child theme’s stylesheet and it all works for me.

    try and clear your browser cache – as far as I can check, the styles are all getting applied;

    there is just a minor error in this style:

    .widget .widget-title {
        font: italic 300 0 "Source Sans Pro",Helvetica,sans-serif;
        margin: 0 0 10px;
    }

    the one line should be:

    font: italic 300 "Source Sans Pro",Helvetica,sans-serif;

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Changing site colors using child theme NOT working’ is closed to new replies.