How can I change position of "Display a scroll down arrow" - Support

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
September 23, 2019 at 4:09 pm #1141038

buciks1
Participant

Hi, how can I change position of “Display a scroll down arrow” in Color section? Arrow is on the bottom of my background and I want to move it upper

Link to the website: https://l2p-league.com/lol-solo-coaching
SS how it is right now > https://imgur.com/a/Tey9Cch
And ss how it should looks like > https://imgur.com/a/iUWJImA

September 23, 2019 at 4:33 pm #1141049

Guenni007
Participant

First – i do not see any “scroll down arrow” on your page.
Then i do not understand what you like to achive – because on the second screenshot – there is no scroll-down arrow.
so please try to specify your request.

September 24, 2019 at 8:09 am #1141251

Rikard
Keymaster

Hi buciks1,

I can’t see any scroll down arrow on your site either, could you post a link to where we can see the element in question please?

Best regards,
Rikard

September 24, 2019 at 8:59 am #1141267
Guenni007
Participant
by the way the scroll-down-link button is absolute positioned – but in relation to bottom.

If you cancel that rule and set a top postion you can play with that values.

PS: If you are still designing your website, my recommendation is that all merging – caching etc. should be switched off until you are done with the layout.
Otherwise you’d have to empty the cache, reset the merging, etc. with every small change
```
#top .scroll-down-link {
    top: 70%;
    bottom: initial
}
```
PPS: wouldn’t it be nicer to set the background-images to cover the elements? You can set this in the color-section options dialog.
September 25, 2019 at 6:50 am #1141673

Rikard
Keymaster

Hi,

Thanks for helping out @guenni007 :-)

Best regards,
Rikard

September 25, 2019 at 6:38 pm #1141918
buciks1
Participant
@guenni007

#top .scroll-down-link {
top: 70%;
bottom: initial
}

This works but for all pages. I wanna use it only for this page > https://l2p-league.com/lol-solo-coaching/
ID of page is:2034

I don’t know what you mean with background-images?
- This reply was modified 5 years, 1 month ago by buciks1.
September 25, 2019 at 7:16 pm #1141951
Guenni007
Participant
page-id is on enfold on body – ( #top ) and maybe an absolute value is here better:
```
#top.page-id-2034 .scroll-down-link {
    top: 820px;
    bottom: initial
}
```
September 26, 2019 at 3:38 pm #1142308

Victoria
Inactive Moderator

Hi buciks1,

Did you get it working for you?

@Guenni007 Thank you for your input :)

Best regards,
Victoria

October 1, 2019 at 3:34 pm #1143790

buciks1
Participant

Yes it works but..

How can I use it for a few pages? I wanna use this CSS for “2038” and “3936” pages. But when I’m using the same CSS code with another ID of page it doesn’t work.

October 1, 2019 at 4:24 pm #1143815
Guenni007
Participant
This works but for all pages. I wanna use it only for this page > https://l2p-league.com/lol-solo-coaching/
ID of page is:2034
```
#top.page-id-2034 .scroll-down-link,
#top.page-id-2038 .scroll-down-link,
#top.page-id-3936 .scroll-down-link {
    top: 820px;
    bottom: initial
}
```
if you have different values – you need for each a seperate rule

Separated by commas – but the last in the list does not have one!
October 1, 2019 at 5:29 pm #1143855

buciks1
Participant

Works! Thank you! :))

October 1, 2019 at 11:25 pm #1143961

Jordan Shannon
Inactive Moderator

Hi,

Did you need additional help with this topic or shall we close?

Best regards,
Jordan Shannon
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.