Staff replied Templates

need to remove dash "-" and need to add bullet points dot icon

Asked by Entrix Consulting 5 years ago Last activity 5 years ago

Hi support team,
We need to remove the dash " -" on the pages and need to add bullet point dot icons. Furthermore, we need to change the color of Bullut point dot icons . Eg-: white color.

Could you please let us know ho to proceed it ?

Please refer to the attached screen shots here with.

5 replies

Muntasir Sakib Staff

5 years ago

Hello there,

Please add this code into custom CSS section for changing the color :

.sppb-addon-text-block .sppb-addon-content ul li::before {
  background-color: white !important;
}

For changing the dash, please give us the proper administrator access as we cannot using the credentials you provided.

Thanks!

Toufiq Senior Staff

5 years ago

Hi there,

Thanks for contacting us. Please use this css code inside the custom.css file.

Global css

.sppb-addon-text-block .sppb-addon-content ul li:before {
    content: "\f111";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 2px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: "font awesome 5 free";
    font-size: 14px;
}

if you wanna change this page css only then use this css code

.itemid-214 .sppb-addon-text-block .sppb-addon-content ul li:before {
    content: "\f111";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 2px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: "font awesome 5 free";
    font-size: 14px;
}

-Thanks

Ofi Khan Staff

5 years ago

Hello Entrix Consulting

Please use this CSS to Template Options -> Custom Code -> Custom CSS

.sppb-addon-text-block .sppb-addon-content ul li{
    list-style-type: disc;
}
.sppb-addon-text-block .sppb-addon-content ul li:before{
    display: none;
}
.sppb-addon-text-block .sppb-addon-content{
    padding-left: 10px;
}

Best regards

Entrix Consulting Asked this

5 years ago

Hi Khan,

Than you for the code. I applied the code.
But there is big gap between the bullets points and the sentences.How do I reduce this gap ?

Please refer to the attached screen shot.

Note -: The provided user name and password to the site should work now.

Thank you.

Toufiq Senior Staff

5 years ago

Please check now and let us know. Thanks