Site logo

Archived topic

Seller Theme: Change Border or Container Line Color

1 reply · Started by Alex on April 27, 2020

Viewing posts 1–2 of 2

How do I change the color of the border (or container) lines?

Thanks in advance.

Hi there,

the borders are added using CSS - go to Customizer > Additional CSS. There are a few CSS rules - the two you will want to change i have commented below:

.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1); /* This rgba color for borders around products */
    box-sizing: border-box
}

.separate-containers .inside-article,
.separate-containers .sidebar .widget,
.site-header,
.main-navigation:not(.slideout-navigation),
.site-footer {
    border: 1px solid rgba(0, 0, 0, 0.08) /* This RBGA value for the main containers */
}
This archived topic is closed to new replies.