Hi there,
Does anyone know or is able to help with the following:
At the bottom of a product page I have a ‘return to’ link to take user back to collection. The problem is that it is inside a thick white bar that looks rubbish and the link is only visible if you hove on it - please see below.
I wish to make the thick white bar transparent (or remove) and have the return to link a solid colour?
1 Like
@DeadEndStreet
Add code Your assets/theme.scss.liquid bottom of the file.
.template-product .full-width {
padding: 80px 20px;
background-color: transparent !important;
}
Thanks!
1 Like
DMW you are a legend - that does it, thank you so much.
One last thing though lol - how do i also remove this bar on the mobile view as it is still there.
The link also seems to dim in colour when I hover on it (can I have it not dim?)
Thank you so much
@DeadEndStreet
Please share screenshot what do you want !
Thanks!
1 Like
Please ignore the first point - the mobile page/view also works - I guess I didnt give it enough time.
The desktop link I wish to have a solid colour - it seems to dim or become a little transparent when I hover over it on the desktop (mobile is fine).
That is the view before I place cursor over it (when I do it dims/becomes more transparent - I want it to be totally opaque/solid
Thank you
1 Like
@DeadEndStreet
Add code Your assets/theme.scss.liquid bottom of the file.
.return-link:hover {color: #ffffff !important;}
Thanks!
1 Like
DMW - you are amazing - its official - thank you so much!!!