'Back to collection' link at bottom of product page

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!!!