EvanHerman / yikes-inc-easy-custom-woocommerce-product-tabs

This plugin extends WooCommerce by adding new product meta field, and allowing users to generate as many custom product tabs as they please.
GNU General Public License v2.0
15 stars 7 forks source link

How to remove the title in the tab. #76

Closed AaronJeninngs closed 7 years ago

AaronJeninngs commented 7 years ago

Hi Guys, How do I remove the title header in the each tab. for example if I use chrome inspect the class = .yikes-custom-woo-tab-title yikes-custom-woo-tab-title-features

I have tried using custom css but it didn't work :

.yikes-custom-woo-tab-title yikes-custom-woo-tab-title { display: none; }

Cheers, Aaron

TheTracyL commented 7 years ago

Hi Aaron,

Try listing the class only once, like:

.yikes-custom-woo-tab-title { display: none; }

AaronJeninngs commented 7 years ago

Haha Tracy.. I have egg on my face. Thank you so much for your amazing prompt reply.

Cheers, Aaron

On Sat 22 Apr 2017 at 14:51, Tracy Levesque notifications@github.com wrote:

Hi Aaron,

Try listing the class only once, like:

.yikes-custom-woo-tab-title { display: none; }

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/yikesinc/yikes-inc-easy-custom-woocommerce-product-tabs/issues/76#issuecomment-296368080, or mute the thread https://github.com/notifications/unsubscribe-auth/AamMpqx15W_IcBTnV2aLuqOUpvby9WnYks5ryenKgaJpZM4NFD0p .

-- Best Regards, Aaron Jennings Founder and CEO ProFab3D

TheTracyL commented 7 years ago

No worries!

Have a good day! -Tracy

totalhealthmag commented 5 years ago

I have tried both versions of the css to eliminate the duplicate heading:

h2.yikes-custom-woo-tab-title { display: none; }

and .yikes-custom-woo-tab-title { display: none; }

Neither work. Duplicate heading still shows.

kpu23 commented 5 years ago

Hi @totalhealthmag,

Your theme is probably using a custom layout so targeting an h2 isn't working.

If you send us a URL to your website, we can give you the proper CSS. Or you can use the PHP filter function:

/**** YIKES Custom Product Tabs - Remove Tab Title ****/
add_filter( 'yikes_woocommerce_custom_repeatable_product_tabs_heading', '__return_false' );
totalhealthmag commented 5 years ago

Hi Kevin. Damn that was bloody fast…

Here’s the first product I have added the custom tab too for testing:

https://bodyimageanalyzer.com/product/bias-body-image-analyzer-hipaa-cloud-edition/

Thanks, John

From: Kevin Utz [mailto:notifications@github.com] Sent: Friday, March 22, 2019 11:22 AM

Your theme is probably using a custom layout so targeting an h2 isn't working.

If you send us a URL to your website, we can give you the proper CSS. Or you can use the PHP filter function:

add_filter( 'yikes_woocommerce_custom_repeatable_product_tabs_heading', '__return_false' );```

kpu23 commented 5 years ago

Hi @totalhealthmag,

The duplicate title is being hidden in three different selectors:

image

Which title are you trying to hide? Is it cached for you? This is how the custom tab looks for me:

image

totalhealthmag commented 5 years ago

Hi Kevin. When I added the woocommerce-tabs h2 display none and refreshed the page the duplicate title was gone in the description. But I tried both of the h2.yikes and .yikes versions but I still saw the duplicate title.

I tested it in firefox, chrome, brave, and then the outdated safari for windows. The only browser it did not show up in was safari which I haven’t used in months. So it was a cache issue. I cleared all of my browsers and the duplicate title was gone.

I may be wrong but it seems to me whenever I edit css and refresh the pages the changes always take without having to clear my browser cache. So why would refresh possibly not work in this instance?

FYI thank you for the extremely quick response.

John

kpu23 commented 5 years ago

Hey John,

To be honest, I have no idea. Caching is very subjective as there are several layers of cache (hosting cache, server cache, site cache, browser cache, etc) and each layer is specific to your host/server/site/browser and their respective settings.

Also, CSS is probably the most cached asset so that complicates things even more.

Did you add this CSS from the admin (e.g. to your theme's Custom CSS section)? Directly to style.css? Maybe there are different caching issues when adding the styles to different places?

totalhealthmag commented 5 years ago

I added it to my child theme style.css in WordPress admin