- This topic has 6 replies, 2 voices, and was last updated 14 years, 6 months ago by .
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › Fancy Buy Now shortcode Issue
Hi,
I am still having layout issues with the Fancy Buy Now shortcode. My thumbnail floats to the right, over my description interfering with the buy now button function and the description.
I am currently doing a work-around but would love this to work so I can put the rest of my products on this plugin.
If someone could please assist I would be grateful.
site url is: http://www.humetrics.com/category/the-hiring-store/ebooks
You will not see the error b/c it’s live with my work-around…I cannot have it down.
I am pretty sure it’s a CSS issue with the Theme. If you can put a test page somewhere and use the shortcode there and then post the link then I will check it out and see if I can point out the exact CSS code that’s causing this.
Hi,
Yes, I have one setup at: http://www.humetrics.com/home/page/ebook-test-page
Thanks for your help.
Pam
Obviously you have a bit of rogue CSS code in the theme or some other plugins you are using. Lets try to narrow it down first.
Please switch your theme to the default theme and refresh that page and let me know if you still see the problem or not. Switch the theme back to what you were using.
This test will confirm if the CSS of the theme is causing the problem or not then we can look into the theme’s CSS.
Hi admin,
You are correct…the default theme is fine. So what are my next steps?
Find a properly coded theme
Basically you just need to troubleshoot the CSS of this theme. I had a quick look and the following bit of CSS code that’s coming from one of the CSS files (themes/wordpress/business-blue/assets/css/lightbox.css) looks problematic:
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
It’s specifying any “lightbox” CSS div to be aligned center?
I wish I could go back and follow your first bit of advice but I can’t…that being said,
I will heal the ailing CSS.
Thanks for your searching and I will start with this and go from there. Thanks again for your help.