Sigma Free Fire 2.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved

(@tiniesthijack)

I’m having an issue with the formatting of product variation selectors on my shop product pages. The last row in the table created for the product variations always has the dropdown/swatches to the right of the label and not below the label. To note, I am using the variation swatches plugin but this has been an issue before when I had the regular select dropdowns.

I’m not sure where to address the issue at, whether it’s an issue with css, or I need to add php to my functions.php file, or if the html attributes of the table are designated in such a way that the last row formats differently.

So far I have tried to adjust the margins and padding of the table to create more room for the swatches to drop below the label, I’ve even tried getting rid of the ‘add to cart’ button but with no avail. The only thing I have adjusted with the variations is hiding the ‘clear’ button with this css snippet…


.reset_variations {
	display: none !important;
}

…but when I remove this snippet, nothing changes.

I’ll include the status report below. Thanks for any help in advance and please let me know if I need to include more. I’m assuming this post belongs here since the shop and product pages are all managed through woocommerce.


### WordPress Environment ###

WordPress address (URL): https://www.moosetrackpacks.com
Site address (URL): https://www.moosetrackpacks.com
WC Version: 6.3.1
REST API Version: ? 6.3.1
WC Blocks Version: ? 6.9.0
Action Scheduler Version: ? 3.4.0
WC Admin Version: ? 3.2.1
Log Directory Writable: ?
WP Version: 5.9.2
WP Multisite: –
WP Memory Limit: 768 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.4.28
PHP Post Max Size: 256 MB
PHP Time Limit: 120
PHP Max Input Vars: 3000
cURL Version: 7.66.0
OpenSSL/1.1.1l-fips

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

### Database ###

WC Database Version: 6.3.1
WC Database Prefix: isq_
Total Database Size: 16.93MB
Database Data Size: 13.25MB
Database Index Size: 3.68MB
isq_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
isq_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
isq_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_actionscheduler_actions: Data: 0.25MB + Index: 0.20MB + Engine InnoDB
isq_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_actionscheduler_logs: Data: 0.09MB + Index: 0.09MB + Engine InnoDB
isq_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
isq_gla_budget_recommendations: Data: 0.22MB + Index: 0.14MB + Engine InnoDB
isq_gla_merchant_issues: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_gla_shipping_rates: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_gla_shipping_times: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_custom_fields: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_dynamic_segment_filters: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_feature_flags: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_forms: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_mailpoet_log: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_mailpoet_mapping_to_external_entities: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_newsletters: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_mailpoet_newsletter_links: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
isq_mailpoet_newsletter_option: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_newsletter_option_fields: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_newsletter_posts: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_newsletter_segment: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_newsletter_templates: Data: 2.52MB + Index: 0.00MB + Engine InnoDB
isq_mailpoet_scheduled_tasks: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_mailpoet_scheduled_task_subscribers: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_segments: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_mailpoet_sending_queues: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_mailpoet_settings: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_statistics_bounces: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_mailpoet_statistics_clicks: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
isq_mailpoet_statistics_forms: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_statistics_newsletters: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_mailpoet_statistics_opens: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
isq_mailpoet_statistics_unsubscribes: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
isq_mailpoet_statistics_woocommerce_purchases: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
isq_mailpoet_stats_notifications: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_mailpoet_subscribers: Data: 0.02MB + Index: 0.13MB + Engine InnoDB
isq_mailpoet_subscriber_custom_field: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_subscriber_ips: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_subscriber_segment: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_mailpoet_user_agents: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_mailpoet_user_flags: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_options: Data: 7.05MB + Index: 0.13MB + Engine InnoDB
isq_postmeta: Data: 0.42MB + Index: 0.17MB + Engine InnoDB
isq_posts: Data: 0.44MB + Index: 0.06MB + Engine InnoDB
isq_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_trp_gettext_en_us: Data: 0.45MB + Index: 0.52MB + Engine InnoDB
isq_usermeta: Data: 0.03MB + Index: 0.03MB + Engine InnoDB
isq_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
isq_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
isq_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
isq_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
isq_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
isq_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
isq_yoast_indexable: Data: 0.19MB + Index: 0.09MB + Engine InnoDB
isq_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
isq_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
isq_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
isq_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

### Post Type Counts ###

attachment: 168
custom_css: 2
customize_changeset: 51
envira: 4
language_switcher: 2
mailpoet_page: 1
nav_menu_item: 8
page: 18
post: 2
product: 3
product_variation: 6
revision: 50
wp_global_styles: 3
wpforms: 1

### Security ###

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

### Active Plugins (20) ###

StoreCustomizer: by Kaira – 2.3.8
Complianz - Terms and Conditions: by Really Simple Plugins – 1.0.15
Easy Auto SKU Generator for WooCommerce: by Dan Zakirov – 1.1.2
Envira Gallery Lite: by Envira Gallery Team – 1.8.3.9
Google Analytics for WordPress by MonsterInsights: by MonsterInsights – 8.4.0
Google Listings and Ads: by WooCommerce – 1.11.1
Jetpack: by Automattic – 10.7
MailPoet 3 (New): by MailPoet – 3.84.1
Gutenberg Blocks and Template Library by Otter: by ThemeIsle – 2.0.1
SiteGround Optimizer: by SiteGround – 7.0.6
TranslatePress - Multilingual: by Cozmoslabs
Razvan Mocanu
Madalin Ungureanu
Cristophor Hurduban – 2.2.2

Variation Swatches for WooCommerce: by Emran Ahmed – 1.1.19
WooCommerce Payments: by Automattic – 3.8.2
WooCommerce PayPal Payments: by WooCommerce – 1.7.0
WooCommerce Shipping & Tax: by WooCommerce – 1.25.23
WooCommerce: by Automattic – 6.3.1
WordPress Importer: by wordpressdotorg – 0.7
Yoast SEO: by Team Yoast – 18.3
SiteGround Central: by SiteGround – 2.0.4
WPForms Lite: by WPForms – 1.7.2.1

### Inactive Plugins (0) ###

### 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)
subscription (subscription)
variable (variable)
variable subscription (variable-subscription)

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: #746 - /
Cart: #714 - /cart/
Checkout: #715 - /checkout/
My account: #716 - /my-account/
Terms and conditions: #710 - /terms-conditions/

### Theme ###

Name: Neve Child
Version: 1.0.0
Author URL: https://moosetrackpacks.com
Child Theme: ?
Parent Theme Name: Neve
Parent Theme Version: 3.1.6
Parent Theme Author URL: https://themeisle.com
WooCommerce Support: ?

### Templates ###

Overrides: neve/woocommerce/product-searchform.php

### WooCommerce PayPal Payments ###

Onboarded: ?
Shop country code: US
WooCommerce currency supported: ?
PayPal card processing available in country: ?
Pay Later messaging available in country: ?
Webhook status: –
Vault enabled: ?
Logging enabled: ?
Reference Transactions: –
Used PayPal Checkout plugin: –

### WooCommerce Payments ###

Version: 3.8.2
Connected to WPCOM: Yes
Blog ID: 202312449
Account ID: acct_1KTdsk2HG2BFWDRM

### Action Scheduler ###

Complete: 654
Oldest: 2022-02-15 22:06:12 -0500
Newest: 2022-03-15 09:09:40 -0400

Pending: 9
Oldest: 2022-03-15 10:31:10 -0400
Newest: 2022-03-18 05:05:56 -0400

### Status report information ###

Generated at: 2022-03-15 09:42:54 -04:00

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

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

MayKato
(@maykato)

3 years ago
Hello,

You can adjust the format with some custom CSS. Under Appearance > Customize > Additional CSS, you can add the following code:
```
.woocommerce div.product form.cart .variations th {
	display:block;
}
```
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).
Thread Starter tiniesthijack
(@tiniesthijack)

3 years ago

Thanks, that was exactly what I needed!

I appreciate the resources as well. I’ve definitely frequented W3 schools for while when in need of quick fixes, though my knowledge of web development isn’t comprehensive by any means.

MayKato
(@maykato)

3 years ago

Hi @tiniesthijack

Glad to hear it worked ?? If you have any further questions, feel free to create a new topic!

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

The topic ‘Formatting Issue with Product Page Variation Selectors’ is closed to new replies.

Tags