WordPress.org

Forums

Squelch Tabs and Accordions Shortcodes
[resolved] Styling ul, li (8 posts)

  1. danielsweb
    Member
    Posted 1 year ago #

    I have managed to get the tabs to style the text the way my theme does, but I can't get my bulleted lists to appear styled. I have tried altering the css and using the override css you have suggested to others but can't seem to get this right. Your help is appreciated!

    http://wordpress.org/plugins/squelch-tabs-and-accordions-shortcodes/

  2. danielsweb
    Member
    Posted 1 year ago #

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

  3. Matt Lowe
    Member
    Plugin Author

    Posted 1 year ago #

    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?

  4. danielsweb
    Member
    Posted 1 year ago #

    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.

  5. Matt Lowe
    Member
    Plugin Author

    Posted 1 year ago #

    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;
    }
  6. danielsweb
    Member
    Posted 1 year ago #

    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?

  7. danielsweb
    Member
    Posted 1 year ago #

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

    Thanks for your help!

  8. Matt Lowe
    Member
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Squelch Tabs and Accordions Shortcodes
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.