Viewing 3 replies - 16 through 18 (of 18 total)
  • This .upcp-thumb-details-link {display:none;} code worked but removed the word details and the arrow. I just want the arrow removed. I also tried uploading my own custom details icon and it shows as a pattern instead of one icon. See here https://d.pr/i/OwjV

    Hi Brian,

    Thanks for clarifying! To fix the tiled arrow you could add something like this:

    .prod-cat-details-link {background: url("your-detail-image-URL") no-repeat scroll right center transparent;}

    or you could just try adding:

    background-repeat: no-repeat;
    background-position: center right;

    to the .prod-cat-details-link Custom CSS with the arrow you’ve already added.

    To get rid of the arrow entirely but keep the word details you could try:
    .prod-cat-details-link { background:none;}
    Hope that helps!

    All the options you gave me worked beautifully. Thank you for all your help!!

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Removing details arrow button’ is closed to new replies.