This topic has 161 replies, 5 voices, and was last updated 8 years, 3 months ago ago by Robert Hall
Worked like a charm. In List View and Mobile, the Wishlist and Info icons are pretty offset. See vid.
Hello,
Add this code in Custom CSS for desktop section:
.products-list .product .product-image-wrapper .footer-product {
right: 8px !important;
}
and this code in Custom CSS for mobile section:
.products-list .product .product-image-wrapper .footer-product {
right: 75px !important;
}
Best regards,
Jack Richardson.
Well I see the new update came out to fix the cart…but along with it came this:
An empty shopping cart page shows me: http://prntscr.com/bx64j1
Thoughts?
Hello,
Please provide correct FTP credentials in Private Content.
Regards,
Eva Kemp.
Sure Eva.
Hello,
I’ve edited the file wp-content/themes/classico-child/woocommerce/cart/cart-empty.php.
Please check the page now.
Regards,
Eva Kemp.
Great. Took care of that. Thank you!
Is there something we can do about the layout of these items in Mobile view? The “default sorting” box and the Grid and List view buttons look “off”.
Any ideas on that?
Hello @talonhead,
To get better look try to add this code in Global Custom CSS.
.filter-wrap .view-switcher{
width: initial;
}
Regards,
Robert Hall
It got a little better. Thanks for that. What about removing the sorting box entirely in Mobile only, then move the Grid and List buttons down inline with the pagination buttons and align the Grid and List buttons to the left? That’s an idea?
I’ve added this code in Custom CSS for mobile. Please check.
.filter-wrap .woocommerce-ordering{
display:none;
}
Regards,
Robert Hall
Good deal Robert. We’ll give that a try for a bit.
Any reason why Screets shows up on Mobile when I have it disabled in the Options? Heard of that issue before?
I’ve added the following code in Custom CSS for mobile. Please check.
#schat-widget{
display:none;
}
Regards,
Robert Hall
I need to make “Contact Us” in the Top Bar a link with the same stylings as the rest of the text in the Top Bar (newsletter, my account, etc). How is that done please?
Thank you!
Hello,
Add this code in Global Custom CSS:
.languages-area span {
font-size: 13px;
text-transform: none;
}
Best regards,
Jack Richardson.
Great…but it needs to be a link as mentioned previously.
Hello,
You can add your link into the href=""
attribute in Appearance -> Widgets -> Left side top bar area. See screenshot: http://prntscr.com/c04rhw
Regards,
Robert Hall
Great. That’s where I thought it would be added. But I don’t know what the code is to do such a task….especially when it comes to hover over stylings and such…the way it needs to be to match everything else up there.
Also if you look closely, the font is different weight too than the rest of the links in the top bar.
I’ve added this code in Global Custom CSS. Please check.
.languages-area a{
font-family: Montserrat;
font-weight: 400;
font-style: normal;
color: #ffffff;
transition: all 0.2s ease-in-out;
}
Regards,
Robert Hall
Again, that’s great. But I don’t know how to link it to the proper page. I see you also added the href to the text area.
You should add link to page into the href attribute, for example href="http://my-link"
.
Regards,
Robert Hall
THAT’S what I need. Thank you Robert.
I recently run into this little surprise last night when I added a product featured image to the site.
This is what happened to the scaling. See Private.
Look at the shirt as opposed to the plate. What happened? Looking at image info, it’s telling me all the correct numbers…it just doesn’t look that way.
I’ve resaved this image. Please check the product now.
Regards,
Robert Hall
What does that mean exactly in this case? “re-saved the image”? I see it took care of it…but I don’t know how.
I’ve removed previous image and upload it again.
Regards,
Robert Hall
So what caused the issue with the image being scaled weird? As you well know. I’ve uploaded a ton of pics without issue with scaling.
I don’t know what was there. Next time try to replace the image again, as I did it.
Regards,
Robert Hall
Alrighty. I’ll keep that in mind. Thanks for that tid bit.
On Mobile, can the gap between the company logo and first slider be decreased? See screenshot.
I’ve added an extra class called .home-intro
to the home slider in slider settings and added the following code in Custom CSS for mobile landscape and Custom CSS for mobile. Please check.
.home-intro{
display:none;
}
Regards,
Robert Hall
I don’t understand completely how what you just said changed the gap in Mobile, but it looks good. Many thanks!
I don’t see the the class you added in slider settings of Resolution Slider?
See screenshot: http://prntscr.com/c0ox8n
Regards,
Robert Hall
The issue related to '‘Shopping Cart Popup Tweaks?’' has been successfully resolved, and the topic is now closed for further responses