Skip Navigation

[Resolved] Need to help with CSS & remove extra dots displayed

This thread is resolved. Here is a description of the problem and solution.

Problem:
Need to help with CSS & remove extra dots displayed

Solution:
The dots displayed by li tag and we will require to set li tag's list-style to none.

You can find proposed solution, in this case with the following reply:
https://toolset.com/forums/topic/need-to-help-with-css-remove-extra-dots-displayed/#post-2236147

Relevant Documentation:
=> https://toolset.com/course-lesson/adding-custom-css-to-templates-archives-and-views/

This support ticket is created 3 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 2 replies, has 2 voices.

Last updated by chris-anitaS 3 years, 2 months ago.

Assisted by: Minesh.

Author
Posts
#2235867
case study design.png

We need to display the created post list. So, I add a query pattern in the content template to show the list of published posts. Then, we added some CSS in the content template CSS Editor but it's not working.
Expected design is attached. We are not able to bring the exact design. Need to remove these dots.

wp-block-column {
background-color: #cbd4df;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 36px;
padding-left: 30px;
border-radius: 9px;
}

#2236147

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Can you please try to add the following custom CSS code to hide the li bullet.

.wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li {
    margin: 0 0 1.25em;
    width: 100%;
    list-style: none !important;
}
#2239095

My issue is resolved now. Thank you!