Archived topic

Line Separator Between Content & Sidebar

3 replies · Started by Mark on August 31, 2018

Viewing posts 1–4 of 4

August 31, 2018 at 9:01 am #665356

Hi,

How do I add a line separator between the content area and the right sidebar (widget area) like most blogs/themes have?

At the moment it's all white and there's nothing to distinguish the different elements of the site.

Thanks,
Mark

August 31, 2018 at 9:20 am #665377

Hi there,

You can use some CSS like this:

.site-main {
    border-right: 1px solid #000;
}

Alternatively, you can try setting the body background color different than the content background color, then increase the separating space to separate each element:
https://docs.generatepress.com/article/separating-space/
https://docs.generatepress.com/article/colors-overview/

Let me know if this helps :)

August 31, 2018 at 11:52 am #665498

Thanks, that works ;)

August 31, 2018 at 11:58 am #665502

No problem :)

This archived topic is closed to new replies.