Hi Mike,
sorry for the misunderstanding. I positioned the text below me Big intro image. There the text seems to be perfect in desktop view. Also the width is very nice in this position. Really cool, thank you!!!

But I have a new still an issue in mobile view (for horizontal and vertical view):
1.) in vertical mobile view, the scrolling text is hidden and needs to be scrolled downto be seen(screenshot 1).
2.) how the position the scrolling text like the position in desctop view (screenshot 2: mobile view, when text is scrolled up to be seen)
3.) same issue in horizontal mobile view.

Is it possible to fix it?

kind regards Jak

Hi Mike,

i’m facing a strange issue here:

When i change something in the code (font-size for example) and i save the page and click on preview. i find some messed upo code like this
.marquee > .track > .content { margin: 0; padding: 0; color: #fff; font-size: 25px; font-family: ‘press-start-2p’; } .marquee { position: relative; width: 100vw; max-width: 100%; height: 200px; overflow-x: hidden; } .track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 32s linear infinite; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

Then i need to close the browser chrome and start new. Then it seems to be working. Is this normal?

kind regards Jak

• This reply was modified 2 years, 9 months ago by Jak73.

Hi Mike,

this is really cool! Thank you so much!

How can i set the width of it?

How can i add the same, but with the text running from right to left too?

Kind regards jak

• This reply was modified 2 years, 9 months ago by Jak73.

Hi Mike,
thanks a lot this is really cool!
How can I make it so that there is an infinite loop without the text first disappearing completely from the image before it runs through again?
I would like it so that there is always text in the image, without a break.

How can i do that?

BTW i changed from my test server to my main page (please see private content).

kind regards Jak

This is so amazing cool!!!
Thanks a lot for that!
kind regards Jak

Hi Rikard,

thanks for your help. Unfortunetly this did not work.
Actually i want to change the background of the active burger menu, so for example, if a visitor is on my contact page and opens the burger menu, the background of “contact”-menue-item in burger menu is blue.

How can i do that?

Kind regards Jak

Hi,
thanks for your help!

So i should take this one for desktop width correction:

.page-id-416 .av_textblock_section.av-l078n2mv-4df7187073f248e919e9a59470855225 {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}

and this one for mobile adjustment:

@media only screen and (min-width: 768px) {
.page-id-416 .av_textblock_section.av-l078n2mv-4df7187073f248e919e9a59470855225 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}

right?

kind regards
Jak

Hi Nikko,

at first: many thanks for your help!!!!

Do you mean (max-width:767px) or (min-width:767px).
I’m asking, because i would like to reduce box-size in desktop view and have it at 90-100% in mobile view?

Seems opposite in the moment?

kind regards Jak

Hi Nikko,

thanks for your help!

This works great in desktop mode, but makes the box to small in mobile view.
Seems keeping the box 100% in mobile view (vertical mobile view) would be better.

How can i fix that?

kind regards

Jak

This is so cool!
Thanks a lot!

kind regards Jak

Hi Mike, hi Rkard,

.avia-team-member .team-img-container img {
border-style: dotted;
border-width: 15px 15px 15px 15px;
border-color: #eeee22;
-webkit-animation: borderBlink 1s step-end infinite; (here i change the “1s” to f.e. “0.2”) right?
animation: borderBlink 1s step-end infinite; (here i change the “1s” to f.e. “0.2”) right?
}

What should exactly do here? I’m a bit confused.

@-webkit-keyframes borderBlink {
from, to {
border-color: #fff;
}
50% {
border-color: #eeee22;
}
}
@keyframes borderBlink {
from, to {
border-color: #fff;
}
50% {
border-color: #eeee22;
}
}

Please let me kno, what i shoul do, to get more then to colors blinking.

Kind regards Jak

Hi Guenni,
even than, when i uploaded the goolgle fonts with: import/export:Custom Font Manager on my ftp?
kind regards Jak

Hi Ismael,

this i great! Thanks for your help!

Should i take out the added quick css and put it into the template.css file, when i’m done with creating my website or should i leave it there?

kind regards Jak

Hi Ismael,
are you sure there is no use of cookies, just want to avoid use of cookies?

kind regards Jak