CSS Class Names

  • Resolved steven.tsakanikas

    (@steventsakanikas)


    7 years, 7 months ago

    Hey everyone,

    Quick question: I’ve been trying to edit the CSS of Pedicure.com’s press page through WordPress’s CSS function in the Appearance tab but it doesn’t seem to work. I tried this code: 

    /* Nooz CSS */

.nooz-datetime {
    color: #e5e5e5;
    display: block;
    margin-bottom: 5px;
}
.nooz-item {
    margin-bottom: 60px;
}
.nooz-list {
    list-style:none;
    margin:0;
    padding:0;
}
.blog-post-title-wrapper .nooz-excerpt {
    line-height: 1.4;
}

    What’s the best way to go about editing the CSS and where can I find a full list of the Nooz’s class names? Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor farinspace

    (@farinspace)

    Hi Steven, I did a quick test (Appearance > Customize > Additional CSS) and I’m going to give you the classic response “it works for me”. However, I am sure there is something that is causing your issue. Perhaps try qualifying the CSS with body or a parent ID.

    body .nooz-datetime {
    color: #e5e5e5;
    display: block;
    margin-bottom: 5px;
}

    #parent .nooz-datetime {
    color: #e5e5e5;
    display: block;
    margin-bottom: 5px;
}

    Typically it all comes down to targeting, I usually use the dev console on firefox, to see the ordering of styles that are applied, this helps me track down how classes are inheriting, qualified and which CSS is loaded and when.

    Additionally, you can find a full list of Nooz class-names and options by going into the news settings and the Help menu above (top right). It is all pretty well documented.

    Let me know what you find out, I am here to assist! ??

    Thread Starter steven.tsakanikas

    (@steventsakanikas)

    Hey Farinspace,

    Thanks for your quick response! I actually managed to get the CSS working, not sure what I was doing wrong before.

    I can’t seem to find the Nooz class-names, any chance you can provide me with a link to the page? Thanks.

    Plugin Contributor farinspace

    (@farinspace)

    My apologies, I might not have explained it properly .. it’s on the Nooz > Settings page in the WordPress admin UI (/wp/wp-admin/admin.php?page=nooz). You will find what you need in the “Help” menu (top right, under the logout link of the wpadminbar)

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Class Names’ is closed to new replies.