[Resolved] about the border recover

[bruce]

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.

[Fernando]

Hi Bruce,

Can you provide the link to where we can view this specific table in your site?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[bruce]

hello

thanks.

[bruce]

please see the private info.

[Fernando]

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

[bruce]

hello

can you give me the details about custom css ?

thanks.

[Ying]

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;
}

[bruce]

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.

[Fernando]

Try this instead:

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

[bruce]

Hello Fernando,

perfect.

thanks very much.

best regards!

[Fernando]

You’re welcome Bruce!

[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.

[David]

Hi there,

change this CSS property:

border-bottom: 1px solid;

to include your color eg.

border-bottom: 1px #ff0000 solid;

[bruce]

it works.

thanks.

[David]

Glad to hear that!

[Author]

Posts