CSS Active but nothing happens

  • Unknown's avatar
    feeltheairinparis · Member ·

    Hello,

    Since I changed my them from Crafty to Paperpunch, all the changes I make in my CSS are not happening.

    I purchased the CSS Upgrade for a year, so why does it seem not to work anymore when I change theme?

    Thanks in advance for your quick support.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    lettergrade · Member ·

    It depends on the particular css changes you have made, which we can’t see from here. But if those changes applied to theme-specific selectors (code that only existed in the original theme), then changing the theme might make the original css changes irrelevant. Could you give us some examples of code that is no longer working? That will help figure out if the css needs to be adjusted, or if there is a larger problem.

  • Unknown's avatar
    designsimply · Member ·

    When you change themes, the CSS is moved to a revision because CSS is theme-specific and you need to start over with CSS if you change themes.

    To find the old CSS revisions, go to Appearance > Customize > CSS > CSS Revisions (the link at the top right inside the CSS panel).

    Note that CSS written for one theme may or may not work on another theme. You would need to test each block and determine whether the old CSS will work, you could try doing that, but in most cases new CSS would need to be written for a new theme.

  • Unknown's avatar
    feeltheairinparis · Member ·

    I understand the CSS code I put for theme A may not be relevant for theme B. So I get I have to write everything again or work from one of the CSS revisions.

    Though, even though I do so, nothing happens, any code I write – and I do not get error message from the CSS.

    Example:
    .sidebar h4{font-size:16px;}
    or
    .widget-title {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 18px;
    }

    Whatever value I change, still the same…

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, you can use the web inspector in Chrome or any modern browser to help find the selectors for the various elements in your site. We created a set of brief screen casts that show How to Find Your Theme’s CSS using the web inspectors.

    For widget titles in Paperpunch, the theme currently active on the site you referenced when you created this thread, it would be the following.

    #sidebar h2.widgettitle {
    text-transform: capitalize;
    font-size: 18px;
}

    I left out the bold declaration since the custom font you have chosen already has the bold font weight (700).

  • Unknown's avatar
    feeltheairinparis · Member ·

    Thanks!

    It works!
    I’m such a poor CSS developer…

  • Unknown's avatar
    thesacredpath · Member ·

    I’m such a poor CSS developer…

    I thought that when I first started out, and nearly everyone does. You just keep at it, ask questions and don’t be afraid to try things. You can’t permanently break things with CSS and the delete key is always right there if you need it. (The word “delete” is almost worn off of mine.) :)

  • The topic ‘CSS Active but nothing happens’ is closed to new replies.