Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Cover video and cover text top padding

Ieva May 04, 2017 10:50AM CEST

Hello,

I have video cover and text. I want to keep text onto the video, but now I have problems to reduce the gap between navigation and text.
Ideally it would be padding with 100px from navigation.

Maybe there is some other solution?
I added custom CSS, but it makes magic just left and right padding, not top.
And the text seems is not responsive on mobile version.

"
.fullscreen-cover .cover-headline {
padding-top: -100px !important;
padding-left: 6% !important;
padding-right: 8% !important;
}

"

Thank you for help!

Ieva

Up 0 rated Down
Amanda May 04, 2017 03:47PM CEST Semplicelabs Agent

Hi Leva,

Padding does not accept a negative value. Try margin-top: -100px instead. :)

Best,
Amanda

Up 0 rated Down
Ieva May 04, 2017 05:35PM CEST
Hi Amanda,

Thank you! It works, just with small amount, but it works.
Only thing now is the mobile version, the text is so small and hidden underneath the nav bar.


How I can customise for mob version?

Thank you!

Ieva
Up 0 rated Down
Amanda May 04, 2017 07:28PM CEST Semplicelabs Agent

Hey Leva,

Try adding this CSS:

@media (max-width: 768px) {
.cover-10 .cover-headline h1 {
    font-size: 25px !important;
    line-height: 30px !important;
}
}

Best,
Amanda

Up 0 rated Down
Ieva May 04, 2017 09:45PM CEST
Amanda!

Wow, thank you so much, it works :)

Best,
Ieva

Post Your Public Answer

Your name (required)
Your email address (required)
Answer (required)
17c96688a1a336f6040dd1b6149c3fa8@semplicelabs.desk-mail.com
https://cdn.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete