Home › Forums › WoodMart support forum › Bullets
Bullets
- This topic has 11 replies, 2 voices, and was last updated 11 months, 3 weeks ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
March 2, 2024 at 3:45 am #545561
atiam1982ParticipantChanging defoult dots in a bulleted list to arrows – how to do it.
March 2, 2024 at 2:34 pm #545631
Aizaz Imtiaz AwanKeymasterHello,
If you make a bullet list in your WordPress editor and then switch to the βTextβ view and add the custom class:
Like this:<ul class="custom-arrow-list"> <li>Consequat a scelerisque suspendisse vel et eget eu vitae adipiscing nibh scelerisque semper cum adipiscing</li> <li>Facilisis adipiscing est accumsan lorem vestibulum. Aliquet mus a aptent ullam corper metus accumsan.</li> <li>Habitasse a purus nec ipsum a urna ac ullamcorper varius metus blandit posuere.</li> </ul>
Screenshot for clarification:
https://ibb.co/NFXpYVxThen add the following custom css code in theme settings > custom css > global custom css area:
.custom-arrow-list { list-style-type: none; } .custom-arrow-list li:before { font-family: "Font Awesome 5 Free"; content: "\2192"; margin-right: 5px; }
Then Navigate to Theme Settings > Performance > Fonts and icons > Font Awesome library > Choose always use.
Best Regards.
March 4, 2024 at 12:12 pm #545942
atiam1982ParticipantHi, it worked partly because the bullets changed like the arrows… but not like that. Please look at the screenshot π at the top the arrows appeared after pasting. At the bottom there are green ones that I wanted to arrange.
Best regards!
Attachments:
You must be logged in to view attached files.March 4, 2024 at 3:16 pm #546021
Aizaz Imtiaz AwanKeymasterHello,
Navigate to products > Edit product with elementor and add the list widget in the description and add the icon and upload the icon and customize it as per your requirements.
See screenshot for clarification:
https://ibb.co/0sk9zGHBest Regards.
March 5, 2024 at 12:07 pm #546269
atiam1982ParticipantHello, but the green ones are correct π I want the ones with a description of the change π The screenshot shows what I would like it to look like π
Attachments:
You must be logged in to view attached files.March 5, 2024 at 3:39 pm #546375
Aizaz Imtiaz AwanKeymasterHello,
You can change the unicode for different icons. Try to use this code:
content: “\u003E”Or you can change the icon color, try to use this code:
.custom-arrow-list li:before { font-family: "Font Awesome 5 Free"; content: "\u003E"; margin-right: 5px; color: red; }
Best Regards.
March 7, 2024 at 2:17 pm #547006
atiam1982Participantno. not working… look on the printscreen.
Attachments:
You must be logged in to view attached files.March 7, 2024 at 4:36 pm #547064
Aizaz Imtiaz AwanKeymasterHello,
Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards.
March 8, 2024 at 1:23 am #547168
atiam1982Participantok π information about wp admin in “extra information” π
March 9, 2024 at 9:27 am #547576
Aizaz Imtiaz AwanKeymasterHello,
For the short description icon, I have added the woodmart icon via the CSS. Navigate to Theme Settings > Typography > icons fonts.
For the description tab, the CSS is working fine on your site and the description tab is not showing. Check back your site and check the issue.
Best Regards.
March 11, 2024 at 12:46 pm #547970
atiam1982ParticipantFor the short description – it’s better. But could it be like in the screenshot?
For the description tab, the CSS is working fine on your site and the description tab is not showing. Check back your site and check the issue. – yest it’s fine! maybe something to do with cash/refreshing that I kept seeing the headline earlier. Thank you!
Attachments:
You must be logged in to view attached files.March 11, 2024 at 4:35 pm #548092
Aizaz Imtiaz AwanKeymasterHello,
If you want to make short description icons like the others. You can set the font-weight of the short description icons.
Like this
font-weight: 800;Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register