Best Premium and Free WordPress Themes › Forums › Medical Circle › Change color of scroll up arrow button
- This topic has 7 replies, 2 voices, and was last updated 5 years, 7 months ago by
acmethemes.
-
AuthorPosts
-
July 19, 2018 at 11:31 pm #32532
warnerlee
ParticipantHow would I go about changing the color of the scroll up arrow button (the button that appears in the bottom right side of the page when you scroll down and causes the page to scroll back to the top when clicked)? I would like to alter the color both when it is seen and when the mouse pointer is hovered over it. Thanks.
July 20, 2018 at 4:43 am #32541acmethemes
KeymasterDear Warnerlee,
Please try the given code..sm-up-container { background-color: #ef0084; color: #2d7121; }
Best Regards!
October 17, 2018 at 9:35 pm #36883warnerlee
ParticipantI would like to revisit this color issue of the scroll up arrow. If you see my website at http://www.woodbinedental.com and scroll down you will see the “scroll up” arrow is green which is fine. When you hover over the arrow it turns black. When you take the mouse cursor off it turns green again. I would like the arrow to stay exactly the same green color no matter if the mouse cursor is hovering or not. How do I do that?
Also if you now click the up arrow and then scroll back down to look at the color of the arrow, the background of this button is now clear. The green color has disappeared. To get the green color back, if I click anywhere on the page such as a blank area, it will turn back green again. What do you think is the problem?
When I tried adding the code you gave previously, it turned the button pink but did not change the behavior of the color turning black when hovering over it.October 17, 2018 at 9:46 pm #36884warnerlee
ParticipantI was also just checking out the Medical Circle theme demo at: http://www.acmethemes.com/demo/?theme=medical-circle. In that demo the arrow is a white color with a blue background. When you hover over it, the background turns black like my site but little up arrow turns blue so you can still see the arrow in the black background. Now when you click the arrow and then scroll back down to look the color, the arrow itself is now blue with the clear background instead of back to the original white arrow with blue background. If you then click on a blank area on the site the color reverts back to the original. Is this supposed to be the behavior?
October 18, 2018 at 3:01 pm #36945acmethemes
KeymasterDear Warnerlee,
Our developer team shall observe your issue and reply you soon.
Best Regards!October 23, 2018 at 7:52 am #37209acmethemes
KeymasterDear Warnerlee,
Please insert the given code in Additional CSS.
Dashboard->Appearance->Customize->Additional CSS.sm-up-container:hover, .sm-up-container:focus{ background: #81d742; }
Best Regards!
October 23, 2018 at 2:42 pm #37223warnerlee
ParticipantThank you. That fix works perfectly!!
October 24, 2018 at 4:43 am #37251acmethemes
KeymasterDear Warnerlee,
That’s great to hear. You are Most Welcome 🙂Best Regards!
-
AuthorPosts
- You must be logged in to reply to this topic.