closed not resolved
adamdanielmedia
Member
Hello,
1. I'm using WooCommerce with Abundance and my Related Products are misaligned. Can you help? Here's a link to a page at my site affected by this issue:
http://marciacaden.com/jewelry/rings/colored-stone-ring-csr313/
2. On my Product Category pages, when I hover over any product the Show Details text and the little icon are overlapping. Here's another link so you can see this issue:
http://marciacaden.com/jewelry/product-category/rings/
Thank you!
Adam
snowtone
Member
I am also having trouble with my Related Product alignment.
Example here: http://www.ruizdentalseminars.com/shop/occlusal-disease-patient-educational-brochures-pack-of-50/
Devin
Moderator
Hi adamdanielmedia,
I'm not having either of those issues when I view your page. Is it only happening in a specific browser?
Snowtone:
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top div .thumbnail_container .show_details_button {
background-position-x: 2px !important;
}
#top div .thumbnail_container .add_to_cart_button.product_type_grouped, #top div .thumbnail_container .add_to_cart_button.product_type_variable {
background-position-x: 2px !important;
}Regards,
Devin
`
adamdanielmedia
Member
I actually found and fixed the problem over the weekend. snowtone, are you using a dual sidebar layout as the default for your blog posts? If so, here's the CSS that's messing you up:
.dual-sidebar .content {
width: 450px;
margin-left: 240px;
}
That left margin CSS was pushing my Related Products to the right and off the page.
Here's the CSS I used to fix my Related Products:
#top .related.products .content, #top .upsells.products .content {
margin-left:0 !important;
padding-left:0 !important;
}
Best,
Adam
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
