How to Change Logo font color & mouse hover color

Home › Forums › Iconic One Pro Support › How to Change Logo font color & mouse hover color

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 2, 2020 at 9:48 am #6043
    RajaneeshM
    Participant

    I want to Change the Logo font color & mouse hover color. help me with this

    June 2, 2020 at 10:15 am #6044
    Themonic-Support
    Keymaster

    You can paste the following in Customizer -> Additional CSS:

    For text based logo:

    
.site-header h1 a {
    color: #0099ff;
}
a.site-description {
    color: #0099ff;
}

    For hover

    
.site-header h1 a:hover {
    color: #ffffff;
}
.top-header .site-description:hover {
color: #ffffff;
}

    Change the hex colors as per your choice.

    Note: hover code updated

    June 3, 2020 at 10:14 am #6046
    RajaneeshM
    Participant

    thank you <3

    June 3, 2020 at 10:19 am #6047
    RajaneeshM
    Participant

    not working on text logo only working on site description

    June 3, 2020 at 10:38 am #6048
    Themonic-Support
    Keymaster

    Code updated. If still not working, then, empty browser cache and check again. Please provide live link for further inspection.

    June 4, 2020 at 2:43 am #6049
    RajaneeshM
    Participant

    hover is working but text based logo title color css not working

    check here : https://dialfeed.com

    June 4, 2020 at 4:39 am #6050
    Themonic-Support
    Keymaster

    Thank you for the link.

    Your site is using a page template for home page. Use like this:

    
.top-header a {
    color: #0099ff;
}

    and for hover

    
.top-header a:hover {
    color: #cb6df2;
}
    June 4, 2020 at 6:43 am #6051
    RajaneeshM
    Participant

    its done thank you. <3

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