Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 23, 2019 at 4:09 pm #1141038
    buciks1

    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

    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

    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

    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

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

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

    @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

    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

    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

    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

    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

    Works! Thank you! :))

    October 1, 2019 at 11:25 pm #1143961
    Jordan Shannon

    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.