[Resolved] Styling List

[Jusung]

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.

[Jusung]

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?

[Jusung]

Google Blog is List
Blog is page List

I wanna make “List” look like “page list”

[Fernando]

Hi Jusung,

How should the “page list” look like? Do you have an example?

[Jusung]

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

[Jusung]

It is like
…….Google Blog
Blog
——————-

I want to make
Google Blog
Blog

[Fernando]

How are you specifically are you adding Google Blog?

[Jusung]

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;
}

[Fernando]

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;
}

[Jusung]

Thank you!
It works well!

[Fernando]

You’re welcome Jusung!

[Author]

Posts