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

Morpheus0101
25 Posts
Morpheus0101 posted this 30 August 2015

Hi,

When I add custom bullets in Themler, I also get bullets appearig on my all my elements that use the Widgetkit 2 extension.

I do not get this when using other Themes. Is it possible to amend the CSS to resolve this conflict.

Please see the following page with bulleted paragraph to the right. You will also notice unwanted bullets appearing next to the logos further down the page, and on the "Home" page under "Testimonials":

http://5.77.42.211/~homeglaze/dev/index.php/windows/upvc-double-glazed-windows

http://5.77.42.211/~homeglaze/dev/

Many thanks

Arhon

Hi, When I add custom bullets in Themler, I also get bullets appearig on my all my elements that use the Widgetkit 2 extension. I do not get this when using other Themes. Is it possible to amend the CSS to resolve this conflict. Please see the following page with bulleted paragraph to the right. You will also notice unwanted bullets appearing next to the logos further down the page, and on the "Home" page under "Testimonials": http://5.77.42.211/~homeglaze/dev/index.php/windows/upvc-double-glazed-windows http://5.77.42.211/~homeglaze/dev/ Many thanks Arhon

Last edited 16 September 2015 by Support Team

Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 31 August 2015

Arhon,

This maybe also related to use of the Joomla SK.

Thank you!

Arhon, This maybe also related to use of the Joomla SK. Thank you!
Morpheus0101
25 Posts
Morpheus0101 posted this 31 August 2015

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 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
Morpheus0101
25 Posts
Morpheus0101 posted this 31 August 2015

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

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
Support Team
Support Team posted this 03 September 2015

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

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
Morpheus0101
25 Posts
Morpheus0101 posted this 15 September 2015

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

Thanks

Hi, Yes, please feel free to strip out my access credentials and share. Thanks
Support Team
Support Team posted this 16 September 2015

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

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
eleanor
292 Posts
eleanor posted this 25 February 2016

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

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; }
You must log in or register to leave comments