Random dot appearing above slides

Hello,

I have just added DJ-ImageSlider (v 3.2.3) to a website and configured a module on the homepage.

Odd thing it, there seems to be a random green dot appearing in the centre of the module above the slides and this dot has also added undesirable horizontal spacing between the slide and the header position above it. You can see this here: http://africansynergy.co.za/

Any idea what this is and how to get rid of it please?

many thanks

Comments

  • Hello,

    the dot or square above the slider is the part of your Joomla template styles for an unordered list elements.
    https://www.screencast.com/t/jLOBzXme

    The slider 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;
    }

    It will remove the mark only from the slider <li> tags, so the unordered list will look correct in all other areas of your website.

    Best
    Szymon
Sign In or Register to comment.