Docs

[noznewman]

Hi,

I’ve added some text to the top bar on this site http://www.thekentstovecompany.co.uk/

I’ve added a:hover & a:link css to custom css but this has only worked in Safari, IE and Firefox and NOT Chrome.

The words Paddock WOod and tenterden should be orange and a darker orange when hover?

CSS I added below.

The social icon worked 🙂

.p-info a:link {
color: rgb(255, 102, 0);
}

.p-info a:hover {
color: rgb(208, 85, 2);
}

.x-social-global a {
color: rgb(225, 102, 0);
}
.x-social-global a:hover {
color: rgb(255, 85, 0);
}

.x-colophon.bottom .x-colophon-content a:link {
color: rgb(255, 102, 0)
}

.x-colophon.bottom .x-colophon-content a:hover {
color: rgb(255, 85, 0)
}

[Joao]

Hi There,

Dont forget to add ; on your last two codes.

It should work on Chrome as well.

Let us know how it goes,

joao

[noznewman]

This reply has been marked as private.

[Paul R]

Hi,

Please replace the code that reads.

.p-info a:link {
color: rgb(255, 102, 0);
}

.p-info a:hover {
color: rgb(208, 85, 2);
}

with this

body .x-topbar .p-info a:link {
    color: rgb(255, 102, 0);
}

body .x-topbar .p-info a:hover {
    color: rgb(208, 85, 2);
}

The entire code will look like this.

body .x-topbar .p-info a:link {
    color: rgb(255, 102, 0);
}

body .x-topbar .p-info a:hover {
    color: rgb(208, 85, 2);
}

.x-social-global a {
     color: rgb(225, 102, 0);
}
.x-social-global a:hover {
    color: rgb(255, 85, 0);
}

.x-colophon.bottom .x-colophon-content a:link {
     color: rgb(255, 102, 0);
}

.x-colophon.bottom .x-colophon-content a:hover {
     color: rgb(255, 85, 0);
}

Hope that helps.

[noznewman]

This reply has been marked as private.

[Paul R]

Hi,

It seems to work on my end.

See Video – https://www.screencast.com/t/vmRuR4dPA

Top – Firefox browser
Bottom – Chrome browser

Can you provide us screenshot on how it looks in your end.

Try to clear your browser cache and check again.

[noznewman]

This reply has been marked as private.

[Joao]

Hi There,

I confirm it is working on my end as well.

Chrome usually does not bring problems like this as well.

Let us know if you need further assistance.

Joao

[noznewman]

This reply has been marked as private.

[Jade]

Feel free to let us know if you have other questions.

[Author]

Posts