Site logo

Archived topic

about the border recover

14 replies · Started by bruce on October 9, 2022

Viewing posts 1–15 of 15

hello

please see this pic:

i set the container's border as 1px,but the second product's top and buttom's border recover,then the line only 1px ,but color is more heavy .

how to fix it?

thanks.

hello

thanks.

please see the private info.

I see. Just add Top Border, and remove the bottom border. We'll add the bottom border of the last item through custom CSS.

hello

can you give me the details about custom css ?

thanks.

Hi Bruce,

I saw you added a negative margin to offset the border, it works too.

or you can try removing the bottom border and negative margin, and add this CSS:

.one-container.blog .dynamic-content-template:last-child, .one-container.archive .dynamic-content-template:last-child {
    border-bottom: 1px solid;
}

hello Ying,

sorry about it.

yesterday i use the custom css ,it works.

but today it not work.

can you help me check it again ?

thanks.

Try this instead:

body:is(.blog,.archive) .dynamic-content-template:last-of-type > .gb-container {
    border-bottom: 1px solid;
}

Hello Fernando,

perfect.

thanks very much.

best regards!

You're welcome Bruce!

hello

i have one new issue about this question.

body:is(.blog,.archive) .dynamic-content-template:last-of-type > .gb-container {
    border-bottom: 1px solid;
}

is ok.

how to set this border-bottom's color.

border-color:#ddd ?

thanks.

Hi there,

change this CSS property:

border-bottom: 1px solid;

to include your color eg.

border-bottom: 1px #ff0000 solid;

it works.

thanks.

Glad to hear that!

This archived topic is closed to new replies.