Scrolling text borders above and below

Hi,

I'm trying to achieve a border above and below my scrolling marquee, adding the border below works fine but when i try and add one above there is an additional line appearing which i don't want. I'm using the code as below:

.Marquee * {
   border-bottom: 1px solid;
}

.Marquee * {
   border-top: 1px solid;
}

I'm not very knowledgable on CSS so any help would be appreciated so I have a single line above and a single line below the scrolling text.

Thanks!

hey there.

This should help:

 

.Marquee-svg
{color: #ff7f7f;
border-bottom: 1px solid #ff7f7f;
border-top: 1px solid #ff7f7f;
padding-top: 10px}

feel free to play with the values to find your preferred look

Perfect, thank you so much!

On 5/16/2022 at 12:09 AM, ArminB said:

hey there.

This should help:

 

.Marquee-svg
{color: #ff7f7f;
border-bottom: 1px solid #ff7f7f;
border-top: 1px solid #ff7f7f;
padding-top: 10px}

 

How do I get the border to appear on the outside of the white marquee box instead of inside it?

On 7/16/2022 at 12:52 AM, vireshwara said:

How do I get the border to appear on the outside of the white marquee box instead of inside it?

Can you share link to this page? We can take a look

@tuanphan here's the link (home page): https://alpaca-alligator-ewza.squarespace.com/config/design

I can add you as a contributor if needed, just send me your email.

On 7/24/2022 at 7:48 AM, vireshwara said:

@tuanphan here's the link (home page): https://alpaca-alligator-ewza.squarespace.com/config/design

I can add you as a contributor if needed, just send me your email.

Your site is private.