How to Indent List

When I write a blog post, the bullet points or numbers list are indented but when it’s published, it’s not indented. How can I update the CSS to indent?

Below is the CSS:

.ty-quick-view-button {
visibility: hidden;
}

.ty-grid-list__item:hover .ty-quick-view-button {
visibility: visible;
}
a:hover {
text-decoration: underline;
}
.ui-dialog .ui-dialog-titlebar {
background: #888;
}
div.ui-dialog .ui-dialog-title {
color: white;
}
.notification-content-extended {
border: 0;
}
.ty-sidebox {
border: 1px solid #EAE9E5;
padding: 10px;
}
.ty-product-filters__wrapper {
margin: 0px -10px;
}
.ty-sidebox__title {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 3px;
}
.ty-btn__big {
padding: 7px 17px;
}
.ty-btn__primary {
color: white;
}
.ty-btn__primary {
color: white;
}
.ty-product-filters__wrapper {
padding-bottom: 5px;
}
.ty-menu__item .ty-menu__item-link {
text-transform: uppercase;
}
.ty-product-filters__wrapper {
background: transparent;
}
@media (max-width: 979px) and (min-width: 768px) {
.ty-menu__item .ty-menu__item-link {
padding: 15px 10px;
font-size: 12px;
}
.ty-price-slider__input-text {
width: 62px;
}
}

@media (max-width: 767px) {
.ty-sidebox__body {
margin-top: 10px;
}
.ty-sidebox__title-toggle {
right: -8px;
}
}

If you share URL of the blog post, we can help you with CSS

1 Like

See example at The Top 10 Causes of Injuries and Deaths in America

For example, you can add the following code to the CSS section of the Theme editor

.indented-list li {
    margin-left: 30px;
}

Thanks for your help. The page I listed I don’t know how

Please try

.ty-blog__author + div li {
    margin-left: 30px;
}

Great, it worked. However, how do I do it for the entire website? On the product pages, I’d like to do the same thing. See a product page at Rechargeable Runt 20,000,000 volt stun gun with flashlight and wrist strap disable pin Black - Stunster.com

I figured it out by adding the following:

.ty-product-bigpicture li {
margin-left: 30px;
}
.ty-mainbox-body li {
margin-left: 30px;
}

Thanks for your help!

1 Like