Archived topic

Adding borders to boxes

5 replies · Started by Dan on January 27, 2021

Viewing posts 1–6 of 6

January 27, 2021 at 10:18 am #1635999

On this site https://frontstretch.dev/ I want to add red borders to all the white boxes. Is there a Customizer setting for this or a CSS class I can target?

Thanks for your time.

January 27, 2021 at 5:42 pm #1636275

Hi Dan,

Try this CSS:

.main-navigation .inside-navigation, .inside-article, .sidebar .widget, .paging-navigation {
    border: 2px solid #ff0000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

January 27, 2021 at 5:53 pm #1636288

Thanks Leo, that's exactly what I was looking for. Is the a CSS class/ID reference list for GeneratePress somewhere or is it just a matter of using browser dev tools and picking out each element that you need?

January 27, 2021 at 5:55 pm #1636290

is it just a matter of using browser dev tools and picking out each element that you need?

That's what we do. There are simply too many classes in GP to list them out.

We are always happy to help with simple CSS like this though :)

January 27, 2021 at 5:57 pm #1636293

Got it. True, that list would really add up. Thanks again.

January 27, 2021 at 5:57 pm #1636295

No problem :)

This archived topic is closed to new replies.

Start building better websites today.