CSS or HTML needed for alignment of text when using bullets
exposuresnw
Registered Users Posts: 3 Big grins
On my smugmug page I have a bulleted list and sometimes the text wraps to a second line. I want it to wrap directly underneath the first letter after the bullet. I KNOW NOTHING ABOUT PROGRAMMING. Can anyone tell me how to do this??? I understand I have to insert some coding. Any help appreciated.
0
Comments
First thing is....your site and/or page you're talking about.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
Assuming you are using a HTML/CSS block, add this to the CSS section:
ul {list-style-position: inside;}
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
What specific page are you having troubles with. I see this works fine: https://exposuresnw.smugmug.com/Website-Assets/Site-Pages/Real-Estate-Services
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
I see the problem on that page.
The bullet items that extend to multiple lines are not positioned under the first letter of the previous line. I checked in both Chrome and Firefox.
Was that page typed as text? I think you will need to use an HTML block and specify bullets using ul and li html elements.
Musings & ramblings at https://denisegoldberg.blogspot.com
.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
I misread your question. I thought you wanted it to look like it is now.
I didn't look at your source code originally. You are making it WAY too hard. @denisegoldberg is correct. You need to use a HTML/CSS block and use unordered lists (https://www.w3schools.com/html//html_lists_unordered.asp). As an example:
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
Also, remove the CSS I posted.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
Yes, use a HTML/CSS Block instead of a Text Block.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
I'm trying to create some bullet points but it's been a challenge. I'm using the text blocks. see screenshot. any other ideas? The text should be under the bullet points so it's not lining up.
You need to use a HTML/CSS Block and create an Unordered List, specifically a Nested Unordered List: https://www.w3schools.com/html//html_lists_unordered.asp
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk