The text in bulleted lists doesn’t wrap to the next line properly.
In the full width site, I don’t have any long lines of text that would wrap to the second line in a bullet.
But, when displayed on a mobile device, the text in bullets wraps to a second line. That second line doesn’t align with the first line of text above it. Here’s a page https://helpuconquer.com/make-life-easier/ You’ll need to scroll down some to see where the text doesn’t align with the line above it.
The example of bulleted text is: Worn down by trying to juggle everything. The word “everything” doesn’t align with the line above it. This is true for all of the bullets on this page.
When the page was created, I used the Arrow List format in wordpress for all of these lists. But, they display as round bullets. I thought Arrow Lists wrapped text properly.
Rather than correcting each bulleted list separately, I’d like to make the correction to any and all lists.
How can that be done?
Thanks,
Hello awtown,
Unfortunately, I do not exactly understand what you mean, regarding on align with the line above it, sorry! Please provide some useful screenshots so I can inspect it closer and also, so I will be able to provide a more accurate response.
Thanks for the message!
Alright, I’ve taken a screenshot
As I mentioned above, the alignment for bulleted lists displays alright on wide screen displays.
But, on narrow screen displays, like phones, where the text wraps to a second line in bulleted lists is the problem.
When the page was created, I used the Arrow List format in wordpress for all of these lists. But, they display as round bullets. I thought Arrow Lists wrapped and aligned text properly.
Rather than correcting each bulleted list separately, I’d like to make the correction to any and all lists. Perhaps, in the stylesheet.
How can that be done?
Well, the link included in the message above didn’t work. Here it is again.
Hello awtown,
I have inspected your website, and your lists seem to be right aligned as you can see here -> https://www.screencast.com/t/9DwI2qRpB Where is the problem? If is not what you mean, please provide the specific URL for this post so I will be able to provide a more accurate response.
Thanks for your understanding!
The bulleted lists are NOT aligned properly. Did you see the screenshot that was included in the link? What did not understand about that? https://helpuconquer.com/bullet-alignment-example/
As I mentioned above, this happens when viewing on a phone.
I don’t have any interest in arguing about this. The bulleted lists clearly do not wrap and align properly on a phone.
Can you please pass this issue on to someone on your staff who is helpful.
Usually your support is very good. This time you want to be argumentative.
Thanks,
Hello awtown,
Replied via email.
Hi Catalin
Please email me to fix this case.
Thanks.
Hi syahrizal.mu,
Please provide your website URL and some useful screenshots with your problem so I can identify it closer.
Thanks.
Hi,
URL My Post:
https://www.raidbrick.com/lego-star-wars-75192-millennium-falcon/
Can you help me to fix it: http://prntscr.com/i1yyav
Fit like it: https://www.screencast.com/t/9DwI2qRpB
Thanks.
Hello syahrizal.mu,
To fix this alignment you should use a bit of CSS code. Use the code below and place it in Theme panel -> Custom CSS area.
.td-ss-main-content ul{
list-style-position:outside!important;
}
The result is here -> https://www.screencast.com/t/Szece9pni
Thanks for your understanding!
Hi Catalin,
It’s work, thanks.
Hi Catalin,
How to fix Text in Numbering Lists Wrap?
Please the image – http://prntscr.com/loic3j
URL – https://bidtekno.com/cara-download-dan-install-update-windows-10-secara-manual/
Hello be.syahrizal,
All of the changes over your text can be made from TinyMCE editor. Please check the following topic from here -> https://www.wpbeginner.com/beginners-guide/14-tips-for-mastering-the-wordpress-visual-editor/ and try to fix the problem after reading this.
Thanks for your understanding!
Hi,
I mean like this code
.td-ss-main-content ul{
list-style-position:outside!important;
}
But the code is alignment only for Bulleted. What’s custome code to alignment for Numbering.
Hi,
I have inspected your website but I do not exactly understand what you want to achieve. I saw that you are using such a code for your text as you can see here -> https://www.screencast.com/t/nLIoqry7a3 Provide some useful screenshots with your wanted result so I will be able to provide a more accurate response.
Thanks for the message!
I have added custome css
