Support » Themes and Templates » Child theme: CSS help

  • Resolved SprialOwner

    (@sprialowner)



    I believe I’m doing things correctly but my CSS changes to the twenty twelve theme don’t appear to be working. They work when I use the Firefox inspector and I put my changes into the sidebar. Then I copy the EXACT selectors and my change and put it into my child theme .css style sheet and when I refresh the page, everything returns to it’s former state. Nothing is changing.

    http://ravenrooststudio.com/wordpress/shop/

    I keep trying to change the color of the breadcrumbs. For example, I’ve put:
    .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
    margin: 0px 0px 1em;
    padding: 0px;
    font-size: 0.92em;
    color: #543689;
    }

    into my stylesheet. That changes the second part of the breadcrumbs to purple. When I refresh the page, however, it switches back to black. I can still see my code in the stylesheet but it’s just ineffective. I’ve wasted so much time on this. I’ve tried altering other pieces of text on the same page to no avail. This is a page generated by Woo Commerce and this is my first Woo Commerce site. Is that why nothing is working?

    Thank you in advance for your help.
    🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    More likely that there’s a syntax error somewhere within your 500 lines of CSS. Why are there so many lines?

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Run your stylesheet through this http://jigsaw.w3.org/css-validator/

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    And the syntax error is here:

    .home3 {
    
    margin-right: 0;

    Close that style off, e.g.:

    .home3 {
    
    margin-right: 0;
    
    }

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    By the way don’t worry about my question as to why there are so many lines, it’s just that some people copy the entire parent theme’s CSS into their child theme (which you haven’t).

    Hi Andrew! THANK YOU!!

    A simple mistake was making me crazy. Thanks for saving me from my crazy self. I’ll know now to look for syntax errors.

    Be well!
    Kathy

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Child theme: CSS help’ is closed to new replies.