CSS Class for Changing List Style Type

  • Resolved maria.siriano

    (@mariasiriano)


    9 years, 11 months ago

    I’ve been trying to change the the list style type in my CSS stylesheet by using the class “lcp_catlist.” This class works for changing anything else (font size, for example), but as soon as I try to alter the bullet type, nothing changes. I’m wondering if there is something I need to do to some other code or to the template file to make this work.

    I’ve tried several permutations of the code below to no avail:

    .lcp_catlist li {
  list-style-type: none;
}

    But this code works to change the font:

    .lcp_catlist a {
 font-size: 40px;
}

    I feel like I’m missing something that’s probably pretty simple, but I’m at my wit’s end! Thanks for any insight!

    https://www.ads-software.com/plugins/list-category-posts/

Viewing 6 replies - 1 through 6 (of 6 total)

  • Try using :

    .lcp_catlist ul {
  list-style-type: none;
}

    https://www.w3schools.com/css/css_list.asp

    Thread Starter maria.siriano

    (@mariasiriano)

    I’ve tried that, as well, and still nothing. I’ve examined the CSS in Chrome and tried every reasonable thing I could think of, even brought my programmer husband in to make sure I wasn’t missing something obvious in the CSS, and we still couldn’t figure it out. The only way I’ve been able to get rid of the bullet points is to do a general code change like this:

    .entry-content ul li {
  list-style-type: none;
  margin-left: 0px;
}

    The problem is, obviously, this will remove any bullet points in the site content outside of this plugin, which I want to avoid.

    Recipe Index Page

    I’d be happy to look at it – but need to see your site.

    Thread Starter maria.siriano

    (@mariasiriano)

    Sorry, I thought I put the link in on that last post… Site Here

    Oh sorry, didn’t see that post last night – try this:

    .entry-content ul.lcp_catlist li {
    list-style-type: none;
}

    Thread Starter maria.siriano

    (@mariasiriano)

    That worked! Thank you so much. I never would have thought of that one.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS Class for Changing List Style Type’ is closed to new replies.