Removing details arrow button

I am looking for that to.

I found this:

.prod-cat-addt-details-thumbs-div {display:none;}
( put it in your Custom CSS)

But that dont seem to work for me..

I tried that too and it didn’t work for me either.

Try this:

.upcp-detail-details-link {background:none;}

Thanks Rustaurius. It removed the arrow button but the word ‘Details’ and link is still there. Is there anyway I can remove it completely?

That would be this code then:

.upcp-thumb-details-link {display:none;}

Is there a way I can insert my own custom detail icon and not have is show the original details? When I inserted those two codes into the css it won’t allow anything to display. If I just use the background code, the details link still shows over my custom icon.

There’s not really a way to display a custom icon without the word “Details” right now, sorry.

Hi Rustaurius & onerivermedicine,
This can be done with the following code in Css:

.upcp-detail-details-link {
    color: transparent;
}

It will make the term “Details” transparent, thereby allowing you to show only the image.

Can anyone explain exactly where to add this? I’m not very knowledgeable when it comes to code. Thanks

Hey Brian, you have to put the code in your theme’s css which can find under appearance.

Hi Brian225,

You can also put this in the “Custom CSS” box which is found on your Catalogue Settings page, which can be found by clicking on the name of your catalogu in the “Catalogue” tab.

Thank you guys for the response. I added .upcp-detail-details-link {background:none;} into the Catalogues “Custom CSS” box and the arrow is still showing. Do I have to add anything else before or after .upcp-detail-details-link {background:none;} to make it work?

Hi Brian225,

It looks like you have detail written twice in your code. Could you try it with:
.upcp-thumb-details-link {display:none;}

Oh, just to clarify, are you trying to edit it for detail view and or for thumb view. Would you mind posting a link to your page so I can take a look?

Here is the test page https://officedynamics.com/brians-testing-page/
I don’t want the arrow showing.