Site logo

Archived topic

Having issues with customizing blog and post layouts

23 replies · Started by David Jiménez on April 27, 2022

Viewing posts 16–24 of 24

Glad to hear that :)

Hi, to close this topic, could you please help me to add some style for the categories list of the block editor, i want the list "2" have the style closest to "1" as you could see on the image above:

https://snipboard.io/r9gytc.jpg
Blog Link

Try adding this CSS:



.wp-block-categories-list {
    list-style: none;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    font-size: 15px;
    font-weight: 500;
}

.wp-block-categories-list li a {
    padding: 5px 0;
    margin: 0 5px;
}

.wp-block-categories-list li a:hover {
    text-decoration: none;
    border-bottom: 2px solid var(--naranja-acentuar);
}

Thanks, works perfect.

You're welcome

sorry, i fixed it. Thank you

Update the CSS to this:

.horizontal.wp-block-categories-list {
    list-style: none;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    font-size: 15px;
    font-weight: 500;
}

.horizontal.wp-block-categories-list li a {
    padding: 5px 0;
    margin: 0 5px;
}

.horizontal.wp-block-categories-list li a:hover {
    text-decoration: none;
    border-bottom: 2px solid var(--naranja-acentuar);
}

Then select the Block you want to apply it to, and go to Advanced > Additional CSS Classes and add: horizontal

thanks, for your help.

You're welcome

This archived topic is closed to new replies.