Bullet list alignement

140 Posts

frederic11 posted this 01 February 2020

Hello,
i am refering to this post : http://answers.themler.io/articles/21538/bullet-list-layout

If i dot that for my bullet list alignement, it dosent work the same in Fierfox and Chrome for example.
So what is the good solution ?

Hello, i am refering to this post : http://answers.themler.io/articles/21538/bullet-list-layout If i dot that for my bullet list alignement, it dosent work the same in Fierfox and Chrome for example. So what is the good solution ?

bullet-list

Vote to pay developers attention to this features or issue.

2 Comments

Order By: Standard | Newest

140 Posts

frederic11 posted this 01 February 2020

I have find a real solution.

I have searched in the template.css and modified :

list-style-position: inside; => list-style-position: outside;

And commented out :

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]),
.bd-bulletlist {
/padding-left: 10px;/
}

Now the text is correctly aligned for the second line in Firefox and Chrome.

And thanks to manu93fr in the french Joomla forum : https://forum.joomla.fr/forum/joomla-3-x/extensions-tierces/223337-alignement-du-texte-dans-les-listes-%C3%A3%C2%A0-puces-avec-jce

I have find a real solution. I have searched in the template.css and modified : list-style-position: inside; => list-style-position: outside; And commented out : .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]), .bd-bulletlist { /*padding-left: 10px;*/ } Now the text is correctly aligned for the second line in Firefox and Chrome. And thanks to manu93fr in the french Joomla forum : https://forum.joomla.fr/forum/joomla-3-x/extensions-tierces/223337-alignement-du-texte-dans-les-listes-%C3%A3%C2%A0-puces-avec-jce

Last edited 01 February 2020 by frederic11

Support Team posted this 03 February 2020

Hello Frederic,

Sorry for the delay in reply and thank you for updating this case.

You can try adding same custom CSS to Home -> Settings -> Additional CSS with !important to avoid editing files after the export, for example:

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]),
.bd-bulletlist {
padding-left: 0!important;
}

Gina
Themler Support

Hello Frederic, Sorry for the delay in reply and thank you for updating this case. You can try adding same custom CSS to Home -> Settings -> Additional CSS with !important to avoid editing files after the export, for example: .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]), .bd-bulletlist { padding-left: 0!important; } Gina Themler Support