How to add separator lines to the Welcome Banner sections?

Okay, np :slight_smile:

By the way, can you tell me the CSS to add the separator lines?

You can easily find out the CSS used by reading the following guide. It will help you in the future :slight_smile:

https://meta.discourse.org/t/make-css-changes-on-your-site/168101#browser-inspection-tools-7

The customization uses SCSS nesting, but the compiled CSS is:

.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link>div:nth-of-type(2),
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link>div:nth-of-type(2) {
    border-left: 1px solid var(--primary-low);
    border-right: 1px solid var(--primary-low);  
}
5 Likes

This css not working. maybe I need to change something?

Youโ€™re right, it was not working, I changed it :slight_smile:

1 Like

Worked! :smiley: