product tab color, border and hover

  • Resolved sonicnuance

    (@sonicnuance)


    4 years, 8 months ago

    I am attempting to modify the border and background colors for product tabs but cannot figure out where to do this.

    I created a woocommerce/single-product/tabs folder in my child theme with tabs.php in it. I thought that might be where I could control the border and color but I’m not having luck.

    Also, if I could control the hover color as well that would be nice. I’ve attached the woocommerce status

    
### WordPress Environment ###

WordPress address (URL): https://www.sonicnuance.com
Site address (URL): https://www.sonicnuance.com
WC Version: 4.0.0
REST API Version: ? 1.0.7
WC Blocks Version: ? 2.5.14
Action Scheduler Version: ? 3.1.2
WC Admin Version: ? 1.0.0
Log Directory Writable: ?
WP Version: 5.3.2
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.3.13
PHP Post Max Size: 260 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
cURL Version: 7.67.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 5.7.23-23
Max Upload Size: 256 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 4.0.0
WC Database Prefix: zqg_
Total Database Size: 16.42MB
Database Data Size: 14.73MB
Database Index Size: 1.69MB
zqg_woocommerce_sessions: Data: 0.05MB + Index: 0.00MB + Engine MyISAM
zqg_woocommerce_api_keys: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_woocommerce_order_items: Data: 0.03MB + Index: 0.02MB + Engine MyISAM
zqg_woocommerce_order_itemmeta: Data: 0.16MB + Index: 0.13MB + Engine MyISAM
zqg_woocommerce_tax_rates: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_actionscheduler_actions: Data: 0.03MB + Index: 0.03MB + Engine MyISAM
zqg_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_actionscheduler_logs: Data: 0.04MB + Index: 0.03MB + Engine MyISAM
zqg_adtribes_my_conversions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_atum_order_itemmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_atum_order_items: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_bpspro_db_backup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_bpspro_login_security: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_bpspro_seclog_ignore: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_commentmeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_comments: Data: 0.20MB + Index: 0.10MB + Engine MyISAM
zqg_cuteslider: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_itsec_opaque_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_litespeed_img_optm: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_litespeed_optimizer: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_mailchimp_carts: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_mailchimp_jobs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_newsletter: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_newsletter_emails: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_newsletter_stats: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_options: Data: 4.29MB + Index: 0.14MB + Engine MyISAM
zqg_postmeta: Data: 3.37MB + Index: 0.66MB + Engine MyISAM
zqg_posts: Data: 5.54MB + Index: 0.19MB + Engine MyISAM
zqg_revslider_css: Data: 0.09MB + Index: 0.00MB + Engine MyISAM
zqg_revslider_layer_animations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_revslider_navigations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_revslider_sliders: Data: 0.03MB + Index: 0.00MB + Engine MyISAM
zqg_revslider_slides: Data: 0.44MB + Index: 0.00MB + Engine MyISAM
zqg_revslider_static_slides: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_shipworks_bridge: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_smush_dir_images: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_termmeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_terms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_term_relationships: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_term_taxonomy: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
zqg_usermeta: Data: 0.04MB + Index: 0.05MB + Engine MyISAM
zqg_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_wc_admin_notes: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_admin_note_actions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_customer_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_wc_download_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_order_coupon_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_order_product_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_order_stats: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wc_product_meta_lookup: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
zqg_wc_tax_rate_classes: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_wc_webhooks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfBadLeechers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfBlockedIPLog: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfBlocks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfBlocksAdv: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfConfig: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_wfCrawlers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfFileMods: Data: 0.35MB + Index: 0.11MB + Engine MyISAM
zqg_wfHits: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfHoover: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfIssues: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfLeechers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfLockedOut: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfLocs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfLogins: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfNet404s: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfReverseCache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfScanners: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfStatus: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
zqg_wfThrottleLog: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wfVulnScanners: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_also_bought: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_cart_contents: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_cart_item_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_checkout_forms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_wpsc_claimed_stock: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_coupon_codes: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_currency_list: Data: 0.02MB + Index: 0.01MB + Engine MyISAM
zqg_wpsc_download_status: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_meta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_wpsc_product_rating: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_purchase_logs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_purchase_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_region_tax: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_submited_form_data: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
zqg_wpsc_visitors: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_wpsc_visitor_meta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
zqg_yoast_seo_links: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
zqg_yoast_seo_meta: Data: 0.01MB + Index: 0.01MB + Engine MyISAM

### Post Type Counts ###

attachment: 429
atum_supplier: 1
custom_css: 1
customize_changeset: 1
jetpack_migration: 2
jp_img_sitemap: 1
jp_sitemap: 1
jp_sitemap_master: 1
nav_menu_item: 18
page: 35
portfolio: 1
post: 50
product: 12
product_variation: 28
revision: 860
saswp: 3
shop_coupon: 18
shop_order: 186
shop_order_refund: 3
was: 3
zn_layout: 1
zn_pb_templates: 2
znpb_template_mngr: 2

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (10) ###

Facebook for WooCommerce: by Facebook – 1.10.1
Jetpack by WordPress.com: by Automattic – 8.3
Mailchimp for WooCommerce: by Mailchimp – 2.3.4 – Not tested with the active version of WooCommerce
Blubrry PowerPress: by Blubrry – 8.2.6
WooCommerce Services: by Automattic – 1.22.4
WooCommerce - StampscomEndicia Integration: by Stamps.comEndicia – 2.0.0 – Not tested with the active version of WooCommerce
WooCommerce: by Automattic – 4.0.0
Smush: by WPMU DEV – 3.6.1
WP Super Cache: by Automattic – 1.7.1
WPS Hide Login: by WPServeur
NicolasKulka
tabrisrp – 1.5.6

### Inactive Plugins (0) ###

### Dropin Plugins (1) ###

advanced-cache.php: advanced-cache.php

### Must Use Plugins (1) ###

SSO: by Garth Mortensen
Mike Hansen – 0.3

### Settings ###

API Enabled: –
Force SSL: ?
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: ?

### WC Pages ###

Shop base: #4 - /shop/
Cart: #25 - /cart/
Checkout: #26 - /checkout/
My account: #28 - /my-account/
Terms and conditions: #1572 - /terms/

### Theme ###

Name: Kallyas Child
Version: 3.???
Author URL: https://themeforest.net/user/hogash
Child Theme: ?
Parent Theme Name: Kallyas
Parent Theme Version: 4.17.5
Parent Theme Author URL: https://themeforest.net/user/hogash
WooCommerce Support: ?

### Templates ###

Overrides: kallyas/woocommerce/product-searchform.php
kallyas-child/woocommerce/single-product/tabs/additional-information.php
kallyas-child/woocommerce/single-product/tabs/description.php
kallyas-child/woocommerce/single-product/tabs/tabs.php

### Action Scheduler ###

Complete: 115
Oldest: 2020-02-19 17:12:38 -0800
Newest: 2020-03-12 21:43:43 -0700

Failed: 1
Oldest: 2020-01-27 22:21:32 -0800
Newest: 2020-01-27 22:21:32 -0800

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • @sonicnuance You can achieve that using CSS use child theme style.css for that

    Sample Code

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: #000000;
	background: #ffffff;
	opacity: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: #ffffff;
	background: #000000;
	opacity: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a {
	color: #ffffff;
	background: #000000;
	opacity: 1;
}

.woocommerce div.product.prodpage-style2 .woocommerce-tabs ul.tabs li {
	border: 1px solid #000;
}

.woocommerce div.product.prodpage-style2 .woocommerce-tabs .panel {
	border: 1px solid #000;
	background: #f4f4f4;
}
    Thread Starter sonicnuance

    (@sonicnuance)

    @princebhalani143 thanks for the reply.

    Is there an explanation somewhere on the syntax of .woocommerce commands? I could not get this to work consistently for me

    You should add !important after css and check

    Thread Starter sonicnuance

    (@sonicnuance)

    @princebhalani143 that worked!!! thanks so much!

    Thread Starter sonicnuance

    (@sonicnuance)

    woohoo

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘product tab color, border and hover’ is closed to new replies.

Tags