How to remove dot/bullet appearing above slides

How to remove dot/bullet appearing above slides

The bullet dot or square above the slider is usually part of your Joomla template styles for unordered list elements.

DJ-ImageSlider is built using HTML unordered list elements where each slide is wrapped with <li> tag.

Many templates add the special styling for the default <li> tag pseudo elements such as ":after" or ":before".

To get rid of this styling in the slider you need to add the following CSS to your template stylesheet, so the dot or other mark defined for list element will be hidden:

ul.djslider-in > li:after, ul.djslider-in > li:before {
display: none !important;
}

Adding this code to your CSS will remove the bullet marks only from the slider <li> tags, so the unordered list will look correct in all other areas of your website. 

      • Related Articles

      • How to link slides to external URLs

        To link slides to external URLs in DJ-ImageSlider: Go to the DJ-ImageSlider Component -> Slides and open the slide you want to link to an external address in the slide's details set the "Link type" to "URL address" enter the URL address save note: if ...
      • How to remove lines from DJ-Easycontact email

        If you want to hide part of the email that originally is sent via Dj-Easycontact you need to make changes in the module's code. This is how looks the original email: Make an override by copying file /modules/mod_dj_easy_contact/tmpl/default.php to ...
      • How to remove #dj-classifieds from the URL

        You can remove the #dj-classifieds from the URL by: Going to DJ-Classifieds options Open "Views" tab Scroll down to "Go straight to the ad."  Change the parameter to "no." Save settings
      • How to present ads as slides (items module)

        Our DJ-Classifieds component has a built-in slider that can attractively display ads - as an additional module (located anywhere on the site ) and in many possible ways.  To enable the slider to go to the module manager. Choose the “ DJ-Classifieds ...
      • How to get the slides to fade like on demo page?

        If you want to get the slides to fade like on the DJ-ImageSlider demo page, just choose the Slider Type as "Fade" in DJ-ImageSlider Module settings.