list style of widget links

  • ironfish2

    (@ironfish2)


    6 years, 8 months ago

    Hi I really like the default list-style-type of items in widgets (A small >).

    However, I just installed a plugin (Login-Logout) which creates a widget and the theme does not style the links in this widget.

    I have a child theme and so I am attempting to overwrite the default theme styling of li items in widgets but having no success.

    I cannot see how the theme styles li items in widgets – Doing Inspect in the browser does not show me how the theme styles this

    I added the css:

    .tc-sidebar .widget li {
    list-style-type: circle;
    }

    And this does style all li items in all widgets, however, the default theme styling (the >) is still there as well – so the circle and the > are on top of each other.

    1)
    I prefer that the theme styles all items in all widgets – could you consider adding css to style widgets like that of the Login-Logout plugin?

    2)
    How do I remove the default styling (>) I do not see a way to do it in Customize, cannot see it in Inspect element, and my css does not replace it.

    3) How do I add the default theme styling of > to the widget of the Login-Logout plugin?

    Thanks ahead of time 🙂

    • This topic was modified 6 years, 8 months ago by ironfish2.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Rocco Aliberti

    (@d4z_c0nf)

    6 years, 8 months ago

    Hi,
    that style is added to the :before pseudo-element.
    https://developer.mozilla.org/it/docs/Web/CSS/::before

    See the screenshot:

    View post on imgur.com

    Hope this helps.

    Thread Starter ironfish2

    (@ironfish2)

    6 years, 8 months ago

    Thanks very much for your quick and helpful response…..

    Thread Starter ironfish2

    (@ironfish2)

    6 years, 8 months ago

    Hi, I added:

    .widget li :before {
    content: ‘\203A’;
    position: relative;
    left: -10px;
    }

    But now have two >> in front of the default WP core widget items and one > in front of the Login-Logout plugin widget.

    I dont have more time to try and resolve this.

    IMHO the Login-Logout plugin widget should also be styled the same way as any other widget and this is up to the theme – could you please consider resolving this and updating the theme?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘list style of widget links’ is closed to new replies.