Styling ul, li

Here is a page for an example, if needed: https://daniels.du.edu/hiredaniels/returning-employer/

Hi,

How are you trying to style the bulleted lists? They appear fine to me, are you trying to do something specific – like using a graphic for the bullet – or something else that isn’t working?

When my text is wrapped in a <p>, h1, h2, or h3 within a tab, it is the font, color and size that my css defines. when it’s ul, li, the font is wrong, the size is too big and the font is not the right color.

So I’m basically trying to get the text in the bulleted list to follow the rules defined in my css.

jQuery UI resets a few styles on lists inside of its widgets, the main one in this case being the font-size. You should be able to set it how you want it with something like:

.squelch-taas-override ul li,
.squelch-taas-override ol li {
    font-size: 13px;
}

Ok, thanks. I’m having trouble figuring out which file that would be. I tried my css, and the squelch tabs css. What file should this code be implemented in?

Figured it out: it’s in the Squelch CSS. Just needed different styling.

Thanks for your help!

Hi danielsweb,

I really don’t recommend changing the plugin’s CSS in any way. Where you put the CSS will depend on your circumstances:

If you’ve written your own theme or child theme then you can add the CSS there.

If you’re using someone else’s theme (whether bought or free) then you should not make any changes to the theme at all. Best option is to create a child theme and add the CSS there.

If you don’t want to go to the trouble of creating a child theme then you should use a custom CSS plugin. There are a few in the directory.