Archived topic
Styling List
10 replies · Started by Jusung on August 15, 2022
Hello.
On the footer, I made 3 sections.
On the third section, I wanna apply this code
list-style-type: none;
margin: 0;
font-size: 20px;
However, I don't know the name of list.
Can you help?
Thank you.
I found it is just
ul li{
}
but it is not attached to the left like the page list.
Can you help me to make the list look like page list?
Google Blog is List
Blog is page List
I wanna make "List" look like "page list"
Hi Jusung,
How should the "page list" look like? Do you have an example?
On the footer and the third section, you can see
Google Blog -> List
Blog -> Page List
The "Blog" is well left-assigned
while "Google Blog" is not left-assigned.
I want to make "Blog" left-assigned
It is like
.......Google Blog
Blog
-------------------
I want to make
Google Blog
Blog
How are you specifically are you adding Google Blog?
It is added by elements. In the elements, on the third section of footer, I added "List" and "Page List"
I made the footer in the elements.
These are the code
/* List */
ul li {
list-style-type: none;
margin:0;
font-size:20px;
}
/* Page List */
.wp-block-page-list {
list-style-type: none;
margin: 0;
font-size: 20px;
}
I see. You can try this CSS instead:
.site-footer .gb-container ul {
margin: 0 0 0 10px;
}
.site-footer .gb-container ul li {
list-style-type: none;
margin: 0;
font-size: 20px;
}Thank you!
It works well!
You’re welcome Jusung!
