How to change the color of the - Display a scroll down arrow? - Support

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

Author

Posts
October 1, 2015 at 2:07 pm #512178

bakbek
Participant

Hi, I want to change the color of the – Display a scroll down arrow – that shows at the bottom of a color section from white to a custom color of my choice. How can I do that?

October 1, 2015 at 2:28 pm #512187
Yigit
Keymaster
Hey DROR!

Please edit your color section and give it a unique ID and add following code to Quick CSS
```
#your-custom-id .scroll-down-link {
    color: orange;
}
```
Regards,
Yigit
October 1, 2015 at 3:39 pm #512223

bakbek
Participant

Added it but I can’t see any changes.

The color I want to use is: #ddb358

October 1, 2015 at 3:54 pm #512231

Yigit
Keymaster

Hey!

Please flush browser cache and refresh your page a few times – http://i.imgur.com/zKfjwut.png

Best regards,
Yigit

October 1, 2015 at 3:57 pm #512233

bakbek
Participant

I changed the code to:

#top .scroll-down-link {
color: orange;
}

and it’s working.

thanks.

October 1, 2015 at 4:05 pm #512239
Yigit
Keymaster
Hey!

It would work globally. You can try adding !important rule as following
```
#your-custom-id .scroll-down-link {
    color: orange !important;
}
```
and it should work as well

Regards,
Yigit
October 1, 2015 at 4:06 pm #512242

bakbek
Participant

This way it would only work on the homepage?

October 1, 2015 at 4:07 pm #512245

Yigit
Keymaster

Hi!

It would work only on color sections with “your-custom-id” as unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png

Regards,
Yigit

October 30, 2015 at 3:58 pm #527502

Cliffy
Participant

Hi @Yigit,

I hope you don’t mind me using your Quick CSS above – it works thanks. BUT …

For some reason it changes the width of a text box above.

I have a layout of 1/5 | 3/5 | 1/5 at the bottom of the colour section. I only have the text box in the 3/5 layout section.
When I implement your code the 3/5 seems to narrow to about 1/5
If I remove the code it goes back to 3/5 (so I know it’s not a cache issue or anything).

Regards,
H

November 2, 2015 at 5:38 am #528234

Rikard
Keymaster

Hi @Heathcliffe,

Could you provide us with a link to the site in question so that we can take a closer look please? Please start new topics for your issues in the future.

Thanks,
Rikard

November 2, 2015 at 2:49 pm #528510

Cliffy
Participant

Hi @Rikard,

Sorry, yes I will create a new topic from now on.
I have posted site details in reply to topic: https://kriesi.at/support/topic/scroll-down-arrow-lands-too-low-on-page-with-header-is-invisible-and-appears/#post-528508

I hope that is OK.

Thanks,
H

November 3, 2015 at 4:56 am #528972

Ismael
Moderator

Hi!

Did you create another thread? Please post the url, we’ll check it there.

Regards,
Ismael

November 3, 2015 at 3:47 pm #529352

Cliffy
Participant

My bad. No but I will now :)
Author

Posts

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

The topic ‘How to change the color of the – Display a scroll down arrow?’ is closed to new replies.