Hello guys i wanted to know if there is any way to make this text be central in bullet point style, i know you can keep them in the center without bullet point style but i need it this way? i dont want it to be on the edge of the screen i want it to be under the title, equally.
Thank you <3
Assuming those are standard lists added to your fields without much nesting, you can add the following rule set to your styling tab:
ol, ul {
max-width: 30em;
margin: auto;
}
Alternatively, you can add those rules to the existing .card selector to center the card as a whole with any other kind of content that might appear on it. Adjust the max-width to get the desired look (max-content can also be used as the value).
This is the code I’m using for the same issue. It should work well even with nested lists. It assumes the parent element (e.g., .card) is center-aligned.
.card {
text-align: center;
}
ul:not(ul ul, ol ul),
ol:not(ul ol, ol ol) {
text-align: left;
display: block;
margin: 1em auto;
width: fit-content;
}
This is what it looks like like guys i dont know what does nested lists and other terms like parental elements mean but should i add what you guys wrote in the end or completely replace the text with what you wrote ?
You need to add it after the existing code.
okay understoon now thaank you both guys <3 <3 <3
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
