Removing bullet points from featured list

[INcroatia]

Hello,

We added this piece of code:

.content li:before {
content: “•”;
color: rgb(255, 148, 8);
display: inline-block;
width: 1em;
margin-left: -1em
}

On this site: https://zoomsystems2018.com/how-it-works/
So the list under ZoomShop R1 and Custom Shops can orange circles for bullet points.
The problem is that it also adds these floating bullets to the featured list near the bottom of the page.

How can we remove bullets from the featured list?

[Prasant]

Hello @INcroatia,

Thanks for asking.

Looks like the website link you have shared is having under construction page. Having said that you can add following CSS under X/Pro > Theme Options > CSS:

.x-feature-box-graphic-inner {
    display: none;
}

Thanks.

[INcroatia]

Hello Prasant,

Sorry for not sharing at least a screenshot since the site is UC.

Your code unfortunately only removed the graphics inside the featured list, but after this screenshot you might have a better idea of what I’d like removed.

These orange bullet points on the far left.

Thanks!

[christian]

Hey @INcroatia,

May we know the purpose of your custom code? The theme already does have a bullet point for lists which what your code does.

Are you using a third party plugin or a custom made structure that outputs a list without a bullet? You should contact the plugin author or the developer who wrote the code instead so they could targeting specific list instead so it won’t affect elements that use list items in Cornerstone and all the styled lists in your site.

Otherwise, you will need to add another CSS to override what is already styled which in the end, adds bloat to your site. Here’s the CSS.

.x-feature-list li {
	list-style-type: none;
}

Thanks.

[INcroatia]

We used the code to make the bullet points orange. Because they usually come in black color. But the problem is that it added the bullet points to the featured list element. And now we’d like to remove the bullet points from the featured list, but make sure they stay orange in the text element.

Your code unfortunately didn’t make any changes. But thank you!

[jade]

Hi there,

Please try:

.x-feature-list .x-feature-box:before,
.x-feature-list:before  {
    display: none;
}

In case you are not still able to get it sorted, please provide us access to your site as it has a coming soon page active.

Thank you.