Okay
  Public Ticket #3792999
List icons
Closed

Comments

  • adrenalinas started the conversation
    2 weeks ago on January 2, 2025 at 9:10am

    How to change "list icons" for all articles at once, avoiding the need to add "additional CSS" to each article individually?

    URL: https://help.themeruby.com/foxiz/how-to-create-the-green-checked-icons-in-the-list-li-tag/

    Attached files:  3.webp

  •  213
    Theme Ruby replied
    2 weeks ago on January 2, 2025 at 2:14pm

    To apply the custom CSS code across your site, follow these steps:

    Steps to Add Custom CSS:

    1. Navigate to Customize Section

      • Go to Appearance > Customize.
      • Select Additional CSS from the options.

    2. Insert the CSS Code: Paste the following code into the CSS editor:

      ul.wp-block-list {
  padding-left: 0;
  list-style: none;
}
.wp-block-list li::before {
  font-family: 'ruby-icon' !important;
  font-size: var(--em-mini);
  position: relative;
  display: inline-block;
  margin-right: 7px;
  content: '\e960';
  color: #5e8858;
}

    3. Publish the Changes

    Let me know if you need further help with fonts or troubleshooting!

    Regards.