Need To Remove Dash "-" And Need To Add Bullet Points Dot Icon - Question | JoomShaper

Need To Remove Dash "-" And Need To Add Bullet Points Dot Icon

EC

Entrix Consulting

Template 4 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.

0
5 Answers
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #23063

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!

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #23065

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #23066

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

0
EC
Entrix Consulting
Accepted Answer
4 years ago #23082

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.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #23204

Please check now and let us know. Thanks

0