Two catalogues, different settings: Need to remove KR sign

Hi mobilmeckaren

1) To hide the details button, add this code to the “Custom CSS” of both Edit catalogue pages:

.prod-cat-minimalist-hover-div .prod-cat-minimalist-hover-button:hover {
display: none;}

2) For hiding the “KR” on repairs, could you try the following steps:

– you’ll need to replace the shortcode on this page: https://mobilmeckaren.se/reparationer/ with this HTML:

<div class="reparationer">[product-catalogue id='X']</div>

(note: Make sure to add this code while in the HTML view! Also remember to add in your catalogue number where we’ve written X)

– After that, add this CSS to the “Custom CSS” box on reparationer’s Edit catalogue page:

.reparationer .priceCurrency {display:none;}

Did all of it. None of it worked.

Hello @mobilmeckaren,

Are you using any cache plugins? If so, could you delete your cache and see if that made a difference.

WP Fastest cache. I’ve emptied the cache and minified js/css now.

Did it make a difference?

No. Nothing happens with that code.

My apologies for the wait.

Could you try adding this Custom CSS instead to hide the details button hover?

.prod-cat-minimalist-hover-div .prod-cat-minimalist-hover-button {
    display: none;
}

As for the KR, could you use this Custom CSS instead?

.reparationer .full-price {
    display: none;
}

Hello! The KR sign is gone, and the details button aswell. When i click the product image i see a black popup kind of box around it instead of getting transfered to the products page. How do i link the images so i can go to product page instead of seeing the black box thing? And is there a way to move up the webshop catalogs price/kr text just a little bit, cause its very far down right now! Thanks!

About the KR/Text being to low, it’s only on webshop catalgoue this happens. My only two issues now besides this with the plugin is
A: The black box that appears on both webshop and reparationer catalogues, when I hover mouse over the product. I want it gone and instead make the image clickable to go into the product. And also, at the end of reparationer page the last product only shows half the image.. It’s like I need a spacer after of some kind, what should I do?

• This reply was modified 5 years, 4 months ago by SimonSvensk.

Hi mobilmeckaren,

1) For the hover, can you try adding this to the “Custom css” box that you see when you edit a catalogue:

.upcp-thumb-image-div:hover .prod-cat-thumb-image-div .prod-cat-minimalist-hover-div?{display: none;}

2) For the KR being pushed down, it looks like a style is being loaded in either your Catalogue “Custom CSS” styles or possibly in your theme’s “Additional CSS” that sets the height of .upcp-thumb-title

To fix this, you’ll need to track down .upcp-thumb-title in either of those CSS files and change this:

.upcp-thumb-title?{min-height: 105px;}

To a smaller value like this:

.upcp-thumb-title?{min-height: 90px;}

(Note: if ‘upcp-thumb-title’ that’s set to 105 doesn’t appear in any CSS, then just add .upcp-thumb-title?{min-height: 90px;} outright)

3) For the cut off product, can you try adding this code to the “Custom CSS” box:

.prod-cat-inner?{height: auto!important;}

Hello! Issue number #2 and #3 is resolved with the codes you sent me, but number one makes no difference. The black box does not disappear. Once you find a way to make it disappear it’d be great if the images would be clickable because now they’re not. Customers have to click the text of the product title to enter the product!
Also: Do you have like a long list of css that I could download so I can try things in the future by my own instead of having to take up all your time? I found a guide on your website with only a few css options but it’d be great with a long list! ?? Thanks for your time, my site is beginning to look AWESOME! I will definately buy more of your plugins in the future.

Hello @mobilmeckaren,

My apologies, there was a slight typo in the code, could you try this Custom CSS instead?

.upcp-thumb-image-div:hover.prod-cat-thumb-image-div .prod-cat-minimalist-hover-div {
    display: none;
}

The Custom CSS removes the hover black box and makes the image clickable ??

Thank you for the feedback!

Unfortunately, we do not really have a list of Custom CSS because every Custom CSS we provide is tailored to a user’s site.

Don’t worry about taking up our time haha, you can always open a thread, whether it’s for a bug, custom css request(s) or anything else, and we’ll gladly be there to help out!

If you have a few minutes, could you leave us a review on the review page? That would be much appreciated, Thank you!

https://www.ads-software.com/support/plugin/ultimate-product-catalogue/reviews/

Thank you. This worked. I will go and write the best review you ever had, right this instant. Thank you so much this ment the world to me.

Glad to hear it worked! ??

(Note: we’re going to go ahead and mark this thread as resolved)