Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 3, 2015 at 7:43 pm #513181
    AboveDigital

    Hi guys,

    As you can see in the link attached, my one page website consists of full screen sections which each have a scroll-down-link arrow (which I’ve removed the animation from) in order to get to the next section.

    I’d like to be able to target each individual arrow for two reasons:
    – Firstly, I’d like the arrow on my main banner section to be white (the rest staying blue).
    – Secondly, between two of my full screen sections I have a smaller section (containing only an image) which I’d like the user to simply scroll past after clicking the down arrow in the section above it. Essentially, I’d like said down arrow to skip a section.

    I’ve targeted the arrows sitewide in order to change the color/animation already (see below).

    #top .scroll-down-link {
    animation: none!important;
    color: #1f7cab;
    etc…
    }

    When I try to target the div class to which I set the name in the page editor, however, that arrow doesn’t change…

    #mainBannerBlock .scroll-down-link{
    color:#fff!important;
    }

    Thanks,
    Laurence

    October 5, 2015 at 7:22 am #513503
    Rikard

    Hey Laurence,

    Looks like that should work, could you please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    October 5, 2015 at 11:42 am #513623
    AboveDigital

    Hi Rikard,

    Please find all the necessary logins below. Much appreciated!

    Thanks,
    Laurence

    • This reply was modified 9 years, 1 month ago by AboveDigital.
    October 6, 2015 at 5:17 am #514125
    Rikard

    Hi,

    I added the following CSS to your Quick CSS and it working: 

    #mainbannerblock .scroll-down-link {
color: white !important;
}

    Best regards,
    Rikard

    October 7, 2015 at 5:08 pm #515375
    AboveDigital

    Hi Rikard,

    Thanks a bunch. So how would I go about making one of my downward linking arrows skip a section (in other words how do I tell my arrows which section to link to?)

    Thanks,
    Laurence

    October 8, 2015 at 12:51 pm #515731
    Andy

    Hi!

    refer to this answer: https://kriesi.at/support/topic/display-a-scroll-down-arrow-on-a-color-section/#post-267648

    Regards,
    Andy

    April 22, 2016 at 1:58 pm #619934
    AboveDigital

    Thanks, consider this topic closed!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Targeting Individual scroll-down-link Arrows’ is closed to new replies.