Stylesheet changes are not showing up

  • Resolved northstatehillbilly

    (@northstatehillbilly)


    10 years, 4 months ago

    I’m totally stumped. I’m going to publish my site and see if you can help me.

    It’s here: https://lovesmoose.com

    I’m using code I’ve used before to create a round image. I’m doing this in the footer and I also stuck one as a test at the very top to see if I can get it to work there. The class is ’round’ and it’s not working.

    I also created a test class called ‘pretty’ and applied it to the word hello. It should be red in color and 55px. But the style isn’t displaying.

    Yesterday I posted a question on how to change the color of the ellipses in my pagination links at the bottom of each page. The class is easy enough to see, but the changes aren’t showing up.

    I reset Safari, everything is up to date. I can’t for the life of me figure out what’s going. I thought maybe I had blocked out some CSS and turned it into read-only text with those special symbols, but I’m not seeing that anywhere.

    When I use the developer’s tool to inspect what’s going on, it says ‘no properties’ for the style attribute. If I add styling directly to the image, I can do that. But I can’t use a class from my stylesheet, and it seems to be happening with any class I add.

    Would you please help me figure out this problem? Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter northstatehillbilly

    (@northstatehillbilly)

    Update:

    So I removed the .pretty code and put it at the top in my stylesheet. It now works. When I moved it back, the code stopped working.

    I must have blocked some code from publishing using comment symbols and not closed them, if that makes sense. But where?

    I’ve combed through everything and can’t find it anywhere. Ugh.

    The ‘hello’ text super-sized and turned red, but the image isn’t round.

    Thread Starter northstatehillbilly

    (@northstatehillbilly)

    And I can now change the color of the ellipses. So I definitely have a comment tag in there that is blocking out all of my CSS to the end of the stylesheet. I just don’t know where it starts.

    Thread Starter northstatehillbilly

    (@northstatehillbilly)

    Just in case someone has the same problem and finds this thread, I’m going to follow up as I figure things out.

    I copied the CSS for the pagination ellipses, which is at the very bottom of my stylesheet, and worked my way, pasting into each section until it worked. That way I could isolate the section of code that could be blocking the CSS.

    At first I couldn’t find the problem, but as I looked carefully, I found an open bracket followed by lots of CSS and no closing bracket, starting with this:

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

    It’s the first I ever realized that big sections of CSS can be enclosed in brackets. I don’t really understand why, but I went ahead and added the closing bracket and now my CSS is working.

    I need to tweak the code for creating round images, but that’s mostly working, too.

    So I’ve solved the problem. I think what happened is that I saw what I thought was a stray bracket and deleted it, not realizing it was a closing bracket for a section of CSS.

    Whew, glad it’s over and done.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Stylesheet changes are not showing up’ is closed to new replies.