Try this:
Go to Appearance > Customize > Additional CSS and put the following CSS code in there. Save and refresh your page.
a.carousel-control{
display: none !important;
}
You can see the controls are made hidden at http://prnt.sc/eh49pl.
Hope this helps.
Hello,
Go to Appearance -> Customize -> Theme Options -> Theme General Options -> paste code in Custom CSS box and save.
.carousel-indicators {
display: none;
}
Thanks
@weblizar_support, I believe hiding the carousel-control is a better option as it hides the entire control area while hiding only the indicators will still keep their wrappers (i.e. carousel-control) alive in the DOM, which I think is unnecessary as OP does not need the functionality at all.
What is your opinion?
Hii Subrataemfluence,
We like your efforts.
Yes you are right that “hiding the carousel-control is a better option as it hides the entire control area while hiding only the indicators will still keep their wrappers (i.e. carousel-control) alive in the DOM, which I think is unnecessary as OP does not need the functionality at all.”
But As per the Xxpavan requirement he just want to remove only slider indicators. In his screenshot he mention that with the red circle.
Yes, you are right as well. I just wanted to make it cleaner. I do understand your point. Thanks for your opinion. 🙂
You’re welcome Subrataemfluence.
support was correct. Subratamflunence, that was even better for me since i do’nt use the slider thanks alot!
