The CSS code I'm entering are not applying to my theme

  • Unknown's avatar

    This is a CSS question. The styles I’m saving are not being picked up in my theme (theme: moka).

    Simple code like font-sizes and margins. Would you be able to check if there’s a bug?

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

  • Unknown's avatar

    Hi there,

    I see that you’ve added some custom CSS, but it’s being overwritten by more specific CSS rules in your theme’s CSS. For example, I see you’ve entered this CSS:

    .entry-title {
    	margin: -500px 0 0;
    }

    However, your theme has this more specific CSS that’s being used instead:

    .entry-header h1.entry-title, .entry-header h2.entry-title {
    margin: 0;
    padding: 0 0 25px;
    font-size: 22px;
    font-size: 1.375rem;
    }

    Since more general CSS can be overwritten by more specific CSS rules, it’s important to make sure you’re targeting the exact sections of the CSS you want to change. We have some tips for working with CSS here:

    If you have CSS questions, most of our CSS support is done in the CSS Customization forum here:

    https://en.forums.wordpress.com/forum/css-customization

    If you’re having trouble getting your custom CSS to work, you can post your questions in that forum and the expert staff and volunteers there can help you get it working.

    Please let me know if you have any questions about that. :)

  • The topic ‘The CSS code I'm entering are not applying to my theme’ is closed to new replies.