Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1709058
Back to Top Color/Link Hover Color
Closed

Comments

  • Nicholas started the conversation

    Hi there,

    I can't seem to get the link hover colors to change from the default orange to my custom color #9f1e22. I also don't know where to change the Back to Top icon color; I don't have a General Settings/Custom CSS field in the theme settings page. 

    Thanks!

  •  1,845
    Elated replied

    Hi Nicholas,

    Paste this code for the back to the top button in Appearance > Customize > Additional CSS:

    #eltdf-back-to-top>span {
        background-color: #9f1e22;
        border: 1px solid #9f1e22;
    }
    

    Can you tell us which hover on the links you want to change? 

    Best regards,

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Nicholas replied

    Hi Marie,

    Thanks so much - that fixed the "back to top" button for me.

    I wanted all my links on the site to also match that same color when I hover over them. I've changed it in the Allston Theme Options (screenshot below), but they're still the default orange when I hover over them. 

    Appreciate your help!

  •  1,845
    Elated replied

    Hi Nicholas,

    You can change that by changing First main color in Allston options > General:

    But note that for some links, like for example in Footer top column 3 is set hover link in here (when you go to the Appearance > Widgets):

    Also, some colors are set in the page backend, like for example those progress bars:


    Let us know if you still have issue with changing some links and items.

    Best regards,

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Nicholas replied

    Hi Marie,

    Thanks for the screenshots! I changed the "Main color", but my links on the home page, when you hover on the category under "Recent projects" still turn orange. 

  •  1,845
    Elated replied

    Hi Nicholas,

    Try to paste this in Appearance > Customize > Additional CSS:

    .eltdf-portfolio-list-holder.eltdf-pl-info-below .eltdf-pli-text-holder .eltdf-pli-text .eltdf-pli-category-holder a:hover {
        color: #ee9445;
    }
    

    Let us know if you have any other questions!

    Best regards,

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Nicholas replied

    Perfect, that fixed the issue for me! Thanks so much! 

  • Nicholas replied

    Hi again,

    Sorry, there's one other page where the links are still appearing orange. The "Show all | Residential | Multi Family | Commerical" still shows orange when hovered or active.

    Thanks! 


  •  1,845
    Elated replied

    Hello Nicholas,

    Thank you for writing in.

    I guess you were referring to this page:

    http://box2097.temp.domains/~iconstr4/Test/portfolio/

    Please try to use this custom CSS and copy it to Appearance > Customize > Additional CSS:

    .eltdf-pl-filter-holder ul li.eltdf-pl-current span, .eltdf-pl-filter-holder ul li:hover span, .eltdf-pl-standard-pagination ul li.eltdf-pl-pag-active a {
      color: #9f1e22;
    }

    Please let us know if there's anything else we can do for you!

    Thank You,
    Kind Regards,
    Norah


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.