Bullet list define list-style-position

Stéphane
28 Posts
Stéphane posted this 30 November 2016

Hi,

Actually it's position is set to be inside, but I would need it to be outside
How can I fix the list style to be

list-style-position : outside ;

Thanks in advance for your help and advise,
Best regards
Stéphane

Hi, Actually it's position is set to be `inside`, but I would need it to be `outside` How can I fix the list style to be list-style-position : outside ; Thanks in advance for your help and advise, Best regards Stéphane
Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 30 November 2016

Hi,

Unfortunately Themler does not have such built-in option. Please add the following code to the Themler Settings >> Additional CSS:

/* unordered list */
ul {
    list-style-position: outside;
}
/* ordered list */
ol {
    list-style-position: outside;
}

Thank you,
Olivia

Hi, Unfortunately Themler does not have such built-in option. Please add the following code to the Themler Settings >> Additional CSS: <pre> /* unordered list */ ul { list-style-position: outside; } /* ordered list */ ol { list-style-position: outside; } </pre> Thank you, Olivia
Stéphane
28 Posts
Stéphane posted this 30 November 2016

Thanks olivia !

Would suggest to add it to the features to be added to Themler.

Best regards
Stéphane

Thanks olivia ! Would suggest to add it to the features to be added to Themler. Best regards Stéphane
Support Team
Support Team posted this 30 November 2016

Hi,

You're welcome.
Please note that this property works for bullet lists with default bullets (square, sircle, etc). It does not work with custom bullets.

I've added our suggestion to our wish list.

Thank you,
Olivia

Hi, You're welcome. Please note that this property works for bullet lists with default bullets (square, sircle, etc). It does not work with custom bullets. I've added our suggestion to our wish list. Thank you, Olivia
redcosmicserpent
2 Posts
redcosmicserpent posted this 03 December 2016

Hi,

I tried this solution but other css values seem to override the one you suggested, like this one:

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li {
     list-style-position: inside;
}

How do I fix the css to make sure the 'outside' setting is used?

Thanks

Hi, I tried this solution but other css values seem to override the one you suggested, like this one: .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li { list-style-position: inside; } How do I fix the css to make sure the 'outside' setting is used? Thanks
Stéphane
28 Posts
Stéphane posted this 03 December 2016

Hi,

I tried this solution but other css values seem to override the one you suggested, like this one:

.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li {
     list-style-position: inside;
}

How do I fix the css to make sure the 'outside' setting is used?

Thanks

Hi,

What I have done is adding the !important attribute to get them outside like this :

.bd-bulletlist li, .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul li {
  list-style-position : outside !important;
}

Hope it helps,
regards
Stéphane

> Hi, > > I tried this solution but other css values seem to override the one you suggested, like this one: > > .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*="menu"]) li, .bd-bulletlist li { > list-style-position: inside; > } > > How do I fix the css to make sure the 'outside' setting is used? > > Thanks > Hi, What I have done is adding the `!important` attribute to get them outside like this : .bd-bulletlist li, .bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul li { list-style-position : outside !important; } Hope it helps, regards Stéphane
redcosmicserpent
2 Posts
redcosmicserpent posted this 03 December 2016

Great tip!
It helped me to work around the problem. :)

Thanks Stéphane!

It would still be nice though (and expected) to be able to do this inside themler. :|

Great tip! It helped me to work around the problem. :) Thanks Stéphane! It would still be nice though (and expected) to be able to do this inside themler. :|
Support Team
Support Team posted this 05 December 2016

Hi,

Thanks, we'll consider your suggestion.

Sincerely,
Hella

Hi, Thanks, we'll consider your suggestion. Sincerely, Hella
walter.gasslbauer
2 Posts
walter.gasslbauer posted this 05 January 2017

Hello i tried this solution but it didn't Work in the Widget-Area. See de Attachment.

Hello i tried this solution but it didn't Work in the Widget-Area. See de Attachment.
Stéphane
28 Posts
Stéphane posted this 05 January 2017

Hello i tried this solution but it didn't Work in the Widget-Area. See de Attachment.

You have to adjust the css regarding your template.
use right-click inspect in Google chrome to get more information on which class .your class has to be modified...

.your class > the css code given a few messages above

refer to CSS selectors for good syntax : http://www.w3schools.com/cssref/css_selectors.asp

Regards,
Stéphane

> Hello i tried this solution but it didn't Work in the Widget-Area. See de Attachment. > You have to adjust the css regarding your template. use right-click inspect in Google chrome to get more information on which class `.your class` has to be modified... .your class > the css code given a few messages above refer to CSS selectors for good syntax : http://www.w3schools.com/cssref/css_selectors.asp Regards, Stéphane

Last edited 05 January 2017 by Stéphane

You must log in or register to leave comments