Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 22, 2017 at 4:05 am #764508
    Wisith

    Hello,

    How can I change the color of the arrow that takes you back to the top of the page? Please see attached…it is on the lower right corner. Also, is there a name for this arrow?

    March 22, 2017 at 4:26 am #764509
    John Torvik

    Hey Wisith,

    To change the color, you need to add the custom CSS code below at Enfold Theme Options > General Styling > Quick CSS

    
.avia-post-nav {
background-color: red;
}

    Best regards,
    John Torvik

    April 1, 2017 at 8:36 pm #770416
    Wisith

    Hi,

    I added the code you put up, and it did not work. Please see below. I changed the color ‘red’ to ‘gray’ and ‘black’, but the color of the arrow did not change at all. Please let me know how I can fix this.

    Thanks

    April 1, 2017 at 10:44 pm #770441
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    a#scroll-top-link, a#scroll-top-link:hover {
background-color: red!important; 
}

    Best regards,
    Mike

    April 2, 2017 at 10:16 pm #770755
    Wisith

    Hi Mike,

    That works. Thanks! I replaced ‘red’ with ‘black’ and ‘gray’, and I noticed the colors changed. I am wondering, are you able to use customized colors for this option?

    Also, can I change the blue font in the picture below? If so, how?

    Thank you

    April 3, 2017 at 12:33 am #770800
    Mike

    Hi,
    Yes you can use any color code, try one of these: http://htmlcolorcodes.org/
    To change the blue stars I will need to know the url & what color you want it to be :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.