When I add custom bullets, I also get bullets appearig on my Widgetkit elements also.

Arhon,

This maybe also related to use of the Joomla SK.

Thank you!

Hi,

The vendor for Widgetkit believes it is to do with the template CSS. Ie. Changing the CSS to the following resolved the issue in part:

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul.uk-slideset li::before {   
display: none;   
}  

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul.uk-slideset li {  
margin: 0;  
position: static;  
text-indent: 0;  
}

Switching the Joomla SK did not make any difference. Perhaps if it added some extra none standard code, but it does not appear to do that. The issue seems to be with the CSS. ie. Changing the display to "none", and the position to "static" did the trick for the most part. It also helped solve another issue with which was preventing the Widgetkit Slideshow from functioning properly.

The code that solved that Slideshow conflict was the following:
.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul.uk-slideshow li {   
position: static;   
} 

The position for the above was previously set to 'relative'

However, I still get unwanted bullets appearing on my Widgetkit dot navigation icons - Please see Testimonials on the homepage. Please also see ATTACHED screen grab.

I tried to use a similar method to remedy this, this got rid of the unwanted bullets on the homepage Testimonials slider, but it ALSO removed the bullets I wanted on the following page:
http://5.77.42.211/~homeglaze/dev/index.php/windows/upvc-double-glazed-windows

Thank you. Your help is much appreciated

Hi,

the vendor of Widgetkit also managed to correct the other extra bullets appearing on the Widgetkit Slideset (which I was using to display my testimonials on the homepage). The issue was fixed with the following code. Perhaps the following code snippets and those provided above could be added to the next update. This will help other users of Widgetkit.

.bd-tagstyles ul[class^="uk-slide"] li::before {     
display: none !important;     
}    

.bd-tagstyles ul[class^="uk-slide"] li {    
margin-left: 0 !important;    
position: static !important;    
text-indent: 0 !important;    
}

Thanks

Hello Arhon,
I see the issue. In such cases we also recommend CSS solution, i.e. suppress the unwanted bullet icons output via CSS code. It's great that you have found workaround!

If you wan to share it with other users we need to move the topic to public mode. I may edit your initial post and remove access credentials from it then make topic public. Or you may submit a new public topic where describe your solution.
Please let us know which way you prefer.

regards,
Aileen

Hi, Yes, please feel free to strip out my access credentials and share.

Thanks

Done :)

Just let us know if you have any further questions.

I'll mark this case as solved so other users would not pass by this ticket when looking for solution.

Thanks,
Ivan

Thank you for this it has worked for me too.

I only needed to add.

.bd-tagstyles ul[class^="uk-slide"] li::before {
display: none !important;
}