details link color changes when selecting categories

Also, when editing product details in the catalog back end, the related products and next/previous products fields are grayed out, I cannot enter anything, even though I have the premium version of the plugin.

Hi Danny,

What do you have as the setting for “Related Products”? The error your getting would happen if you have related products selected but haven’t set any related products.

This CSS in your theme setting is overriding the color, after the AJAX:

.main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover, .main_color .template-search a.news-content:hover, .main_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #3d71a1;
}

If you change or remove the conflict, or add !important to the color for the details link in your CSS, then it will remain white.

I have the related products and next/previous products set to automatic now, and it works. thanks I didn’t know there was another place in the settings where it had options for these fields.

If i put the correct css into the custom CSS box for the catalog will that overwrite the theme css? I would rather not modify the theme or your plugin.
If so, can you direct me to the css file and section in question? I grabbed a few lines .upcp-thumb-details-link {
background: #4e5152 none repeat scroll 0 0 !important;
color: #ffffff !important;
height: auto;
but that doesn’t seem to be it…
Thanks

Hi Danny,

We have visited your catalog, and everything seems to be working well. Make sure to clear the cache and refresh the page.

Let us know if there are any other concerns. ??

Best regards,

I added this to the catalog custom css
.upcp-thumb-title a {
color: #404040 !important;
}

Have another similar problem, the product title right above the details link is white and underlined, almost not visible, it isn’t following the catalog css. how can I solve that? I can’t seem to locate where the style is defined in the catalog css.

Thank you

Hi Danny,

Could you let us know the full custom CSS that you have right now? There seems to be an !important attached to the #f1f1f1 color of the link. Maybe have a look at it and see if there are things you can clear out.

You should have this to have it not underlined:

.upcp-thumb-title a {
color: #404040 !important;
text-decoration: none !important;
}

Best,

The only custom css is what you already pasted. The #f1f1f1 title color came from inline style settings in the catalog backend, my oversight.. cleared any custom colors now and that’s better.

The only issues I see now is that the ‘details’ link color in the details view, is not the same as for the thumbnail view. Also the category titles above the product thumbnails or details view disappear once you use a filter and it doesn’t come back after you clear all filters. how can this be fixed?

Thanks for your help.

Hi Danny,

To change the colour of the details link, you could use the following CSS:

.upcp-detail-details-link a.upcp-catalogue-link {
color: #fff !important;
text-decoration: none !important;
}

The category title/filtering issue is happening because of the Maximum Temperature slider filter. That filter is always being called, even if the sliders are set to the min and max. You’ll see that if you change the Control Type back to Checkbox for your Maximum Temperature custom field, the titles will start to display again. We’ll look for a fix to work around this.

that custom CSS is not working for the detailed view of the catalog items, is there a different element for the details link in thumbnail vs details view?

Thanks for the explanation on the titles/slide filter, its not a huge issue but would like to see it resolved. Will be part of a future update?
Thank you.

Hi,

Try this code instead:

.upcp-detail-details-link {
color: #fff !important;
text-decoration: none !important;
}

It will not work unless you add !important.

As we mentioned in our previous post, we are definitely looking for a way to fix the slider issue.

Regards.

that worked! ??

Thank you.