Marquee and section padding

Site URL: https://www.tribeandsol.com

Hi, 

I need help with the marquee on my page. I have a code in CSS that takes away underline from text on my site but it's not working for this code block on my homepage. I need a few tweaks to this code"

• remove the underline from click to shop all.
• reduce the space between top image and gallery
• continuous text without it disappearing at the end I tried to add more text but it changed the speed to super fast 

It looks like this scrolling text: https://www.tribeandsol.com

But I want it to look like this scrolling text with a background color: https://www.sigfusdesigns.com

1 hour ago, MoonMama said:

Site URL: https://www.tribeandsol.com

Hi, 

I need help with the marquee on my page. I have a code in CSS that takes away underline from text on my site but it's not working for this code block on my homepage. I need a few tweaks to this code"

• remove the underline from click to shop all.
• reduce the space between top image and gallery
• continuous text without it disappearing at the end I tried to add more text but it changed the speed to super fast 

It looks like this scrolling text: https://www.tribeandsol.com

 

 

But I want it to look like this scrolling text with a background color: https://www.sigfusdesigns.com

 

 

For the first and second point, you can add to Home > Design > Custom Css

.marquee a {
  background: none !important;
}

section[data-section-id="617cd72fcd9056094e9801e9"] .content-wrapper {
  padding-top:0 !important;
}

#block-yui_3_17_2_1_1635702870917_22085 {
  padding-bottom: 0;
}
#block-6a6aa8ebf6c7051a591e,#block-0403788e7bebb59f0144, #block-79c9f9fa6ed53ce13b95 {
  padding-top:0;
}

Thank you!

On 10/31/2021 at 6:03 PM, bangank36 said:

For the first and second point, you can add to Home > Design > Custom Css

.marquee a {
  background: none !important;
}

section[data-section-id="617cd72fcd9056094e9801e9"] .content-wrapper {
  padding-top:0 !important;
}

#block-yui_3_17_2_1_1635702870917_22085 {
  padding-bottom: 0;
}
#block-6a6aa8ebf6c7051a591e,#block-0403788e7bebb59f0144, #block-79c9f9fa6ed53ce13b95 {
  padding-top:0;
}

Hi could you have a look I rearranged my home page and this code isn't working. I have two marquees and want the padding small on top and bottom of both.

On 11/4/2021 at 9:41 AM, MoonMama said:

Hi could you have a look I rearranged my home page and this code isn't working. I have two marquees and want the padding small on top and bottom of both.

Do you still need help?

14 hours ago, tuanphan said:

Do you still need help?

No, instead of this I've been trying to figure out how to do the fixed split screen on homepage but I posted that under another thread. I will add the marquee to that and hopefully fix the padding issue.

Hi I have this code for a scrolling marquee and i am trying to get it to infinity play across in one line but it is  not working.... Any ideas? @tuanphan?

.scroll{
  color:#E3DFD7;
  font-family:'Didot';
  background-color:black;
overflow: hidden!important;
 position: relative!important;
  display:flex;
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);  
 transform:translateX(100%);
 -moz-animation: scroll 20s linear infinite;
 -webkit-animation: scroll 20s linear infinite;
  animation: scroll 20s linear infinite;}
@-moz-keyframes scroll {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes scroll  {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}

#page {overflow-x:hidden}

227956289_ScreenRecording2021-11-15at14_40_17.mov

On 11/15/2021 at 9:44 PM, failbetter said:

Hi I have this code for a scrolling marquee and i am trying to get it to infinity play across in one line but it is  not working.... Any ideas? @tuanphan?

.scroll{
  color:#E3DFD7;
  font-family:'Didot';
  background-color:black;
overflow: hidden!important;
 position: relative!important;
  display:flex;
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);  
 transform:translateX(100%);
 -moz-animation: scroll 20s linear infinite;
 -webkit-animation: scroll 20s linear infinite;
  animation: scroll 20s linear infinite;}
@-moz-keyframes scroll {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes scroll  {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}

#page {overflow-x:hidden}

 

227956289_ScreenRecording2021-11-15at14_40_17.mov 26.75 MB · 0 downloads

Can you share your site with the protected password? So we can have a look at your issue

@bangank36Yes sorry  - www.sucoca.com/about

pw: chocolate