Style problem with pulldowns & Page Builder on product pages

[Anne]

Hi There.
Could you kindly help me sort out some issues that I’m having with my product page? I’m grateful for your assistance. An image of items 1 & 2 is included, and I’ll put a link to the page in a private post. Many thanks!

1. Product pages have a rogue/duplicate title that sits on the upper left of the product image gallery. How do I remove this text?

2. Product variable pulldown isn’t styled. How can it match the styles of other pulldowns?

3. When I try to include your lovely Swift Page Builder elements onto the product page, they get slipped in between the product image and the product details – and go off the page. I am having a similar problem on my Shop Page, where the Product Catalog falls gets pushed to the bottom of the page below the Page Builder elements.

[Anne]

This reply has been marked as private.

[Anne]

Hi Again, I have an Update…

Items #1 & #2 are now resolved – it was a CSS problem on my side. I reloaded the theme, and those issues are gone.

However, I still need help with #3 – Page Builder elements on WooCommerce Shop and Product Pages interfere with the WooCommerce elements.

Thank you!

[Melanie – SUPPORT]

Hey, can you post up a concrete link that links to a page where you set up error #3 so I can check it out directly?

[Swift Ideas – Ed]

Hey Anne,

Please check your “Product Short Description” boxes that you can find by scrolling down the meta options for the product – https://www.dropbox.com/s/l4u4ep6l6aucpw8/Screenshot%202014-01-21%2017.39.41.png

This is what causes the content to show on the right, and out of place.

Hope that helps.

– Ed

[Anne]

Many thanks, Ed. That did it!

Inserting my description text into the “Product Short Description” eliminated the misplaced content.

Not to be too greedy, but would you mind providing 2 CSS options:
1. One that keeps the “Product Description” accordion closed when the page opens
2. Another that eliminates the “Product Description” altogether.

Thank you for your help, and the great work on this template.

[Swift Ideas – Ed]

Hi there,

1) Removing it would need a php change.
2) To hide it altogether, just use this css:

#product-accordion .accordion-group:first-child {
display: none;
}

– Ed

[Anne]

Thanks, Ed. That worked!

[Melanie – SUPPORT]

Great