- This topic has 13 replies, 2 voices, and was last updated 3 years, 9 months ago by David.
-
AuthorPosts
-
June 1, 2020 at 6:34 pm #1310497Adrien
HEllo,
I’ve followed the other tickets to style my bullet point into check mark using:
.entry-content ul li {
list-style: none;
position: relative;
}.entry-content ul li:before {
content: “\2713”;
position: absolute;
top: -5px;
left: -1.4em;
color: #1dd19b;
font-size: 22px;
}However, it is also styling the products I insert inside my blog post placing a check mark at the top. How exclude the above styling to products inserted into blog post?
Thank you for your help.
June 1, 2020 at 8:55 pm #1310564LeoStaffCustomer SupportHi there,
Edit your CSS to this:
.entry-content ul li:not(.wc-block-grid__product) { list-style: none; position: relative; } .entry-content ul li:not(.wc-block-grid__product):before { content: "\2713"; position: absolute; top: -5px; left: -1.4em; color: #1dd19b; font-size: 22px; }
June 4, 2020 at 4:10 pm #1314839AdrienThank you Leo! It worked but now I still see the checkmarks on my order checkout page.
Please check the screenshot: https://ibb.co/XD6gbdjI would like to exclude this page from showing the bullets/crosscheck.
Thank you for your guidance.
June 5, 2020 at 6:34 am #1315467DavidStaffCustomer SupportHi there,
try this:
body:not(.woocommerce-order-received) .entry-content ul li:not(.wc-block-grid__product) { list-style: none; position: relative; } body:not(.woocommerce-order-received) .entry-content ul li:not(.wc-block-grid__product):before { content: "\2713"; position: absolute; top: -5px; left: -1.4em; color: #1dd19b; font-size: 22px; }
June 5, 2020 at 7:25 pm #1316318AdrienThanks a lot David. Im sorry to bother you but I also want to get rid of them on my check out page here:
https://ibb.co/jDq1T8SThank you for your help.
June 5, 2020 at 8:06 pm #1316338AdrienI also have this issue with WordPress gallery and everything that has bullets that I m using:
Please take a loook at my homepage, where I inserted a classic wordpress image block in gutenberg:June 6, 2020 at 3:41 am #1316590DavidStaffCustomer SupportIt may be simpler to add a custom class to the List block.
In the Block Editor – select the List Block and on Settings (Sidebar) > Advanced –> Additional CSS Class addtick-list
then use this CSS:
ul.tick-list li { list-style: none; position: relative; } ul.tick-list li:before { content: “\2713”; position: absolute; top: -5px; left: -1.4em; color: #1dd19b; font-size: 22px; }
June 6, 2020 at 3:35 pm #1317289AdrienThank you very much David. I have done it as show on this picture but the check mark arent showing.
Sorry for the trouble.
PS: Can you delete this message later or remove the URL link please?
June 7, 2020 at 5:07 am #1317786DavidStaffCustomer SupportHmmmm – the CSS class is not appearing on the
UL
element.
Could try this CSS instead:.single-product .entry-content ul li:not([class*="block"]), .single-post .entry-content ul li:not([class*="block"]) { list-style: none; position: relative; } .single-product .entry-content ul li:not([class*="block"]):before, .single-post .entry-content ul li:not([class*="block"]):before { content: "\2713"; position: absolute; top: -5px; left: -1.4em; color: #1dd19b; font-size: 22px; }
This should apply to only the single product and the single posts.
June 8, 2020 at 12:43 am #1318718AdrienIt worked! Thank you so much for your tenacity and great support David.
After check unfortunately I still have an issue. Pls see my mess below.June 8, 2020 at 1:16 am #1318749AdrienSorry David, Again inside my blog articles I have some check mark showing on the products.
PS: Can you delete this message later or remove the URL link please?
June 8, 2020 at 4:13 am #1318924DavidStaffCustomer SupportMade some edits to the code here
June 11, 2020 at 3:44 am #1323329AdrienDear David. Thank you so much!!! It’s all perfect and working. I really appreciate your help.
June 11, 2020 at 4:24 am #1323373DavidStaffCustomer SupportGlad we could be of help
-
AuthorPosts
- You must be logged in to reply to this topic.