How can I reduce gap between product title, price and product description
-
I am working on an eCommerce website, but facing issue while customizing single product page.
Can anybody help me with how to reduce the gap between the product title, price and product description.
And also how can a change that “design” font on that page.The page I need help with: [log in to see the link]
-
Hey there,
Could you please share a copy of your site’s System Status? You can find it via WooCommerce > Status.
Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.### WordPress Environment ### WordPress address (URL): https://3woods.in Site address (URL): https://3woods.in WC Version: 4.1.1 REST API Version: ? 1.0.7 WC Blocks Version: ? 2.6.1 Action Scheduler Version: ? 3.1.6 WC Admin Version: ? 1.1.3 Log Directory Writable: ? WP Version: 5.4.1 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: – WP Cron: ? Language: en_US External object cache: – ### Server Environment ### Server Info: LiteSpeed PHP Version: 7.2.29 PHP Post Max Size: 128 MB PHP Time Limit: 120 PHP Max Input Vars: 5000 cURL Version: 7.62.0 OpenSSL/1.0.2k SUHOSIN Installed: – MySQL Version: 5.5.5-10.4.12-MariaDB Max Upload Size: 128 MB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 4.1.1 WC Database Prefix: wp_ Total Database Size: 10.81MB Database Data Size: 9.01MB Database Index Size: 1.80MB wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.13MB + Engine InnoDB wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.13MB + Engine InnoDB wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_actions: Data: 0.03MB + Index: 0.11MB + Engine InnoDB wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_options: Data: 3.08MB + Index: 0.08MB + Engine InnoDB wp_postmeta: Data: 3.52MB + Index: 0.13MB + Engine InnoDB wp_posts: Data: 1.52MB + Index: 0.06MB + Engine InnoDB wp_smush_dir_images: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wdi_feeds: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wdi_themes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB ### Post Type Counts ### attachment: 43 custom_css: 1 custom-woo-builder: 1 customize_changeset: 34 elementor_library: 6 elementskit_content: 1 groovy_menu_preset: 1 nav_menu_item: 7 page: 9 post: 2 product: 2 product_variation: 2 revision: 81 wdi_instagram: 1 ### Security ### Secure connection (HTTPS): ? Hide errors from visitors: ? ### Active Plugins (16) ### Ocean Extra: by OceanWP – 1.6.3 Livemesh Addons for Elementor: by Livemesh – 2.9.9 Akismet Anti-Spam: by Automattic – 4.1.5 Custom Fonts: by Brainstorm Force – 1.2.1 Elementor Pro: by Elementor.com – 2.9.5 Elementor: by Elementor.com – 2.9.11 ElementsKit Lite: by Wpmet – 1.5.4 LiteSpeed Cache: by LiteSpeed Technologies – 3.1 Ocean Product Sharing: by OceanWP – 1.1.0 – Installed version not tested with active version of WooCommerce 4.1.1 Ocean Social Sharing: by OceanWP – 1.1.0 Premium Addons for Elementor: by Leap13 – 3.20.2 WooCommerce Blocks: by Automattic – 2.6.1 – Installed version not tested with active version of WooCommerce 4.1.1 WooCommerce: by Automattic – 4.1.1 WooCustomizer: by Kaira – 1.1.8 Smush: by WPMU DEV – 3.6.3 WPForms Lite: by WPForms – 1.6.0.2 ### Inactive Plugins (0) ### ### Settings ### API Enabled: – Force SSL: – Currency: INR (?) 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: #291 - /shop/ Cart: #13 - /cart/ Checkout: #279 - /checkout/ My account: #15 - /my-account/ Terms and conditions: ? Page not set ### Theme ### Name: OceanWP Version: 1.8.3 Author URL: https://oceanwp.org/about-me/ Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme WooCommerce Support: ? ### Templates ### Overrides: oceanwp/woocommerce/cart/mini-cart.php oceanwp/woocommerce/content-single-product.php oceanwp/woocommerce/loop/loop-start.php oceanwp/woocommerce/single-product/title.php ### Action Scheduler ### Complete: 50 Oldest: 2020-05-19 20:04:53 +0000 Newest: 2020-06-02 11:31:10 +0000 Pending: 2 Oldest: 2020-06-03 11:03:05 +0000 Newest: 2020-06-03 11:31:10 +0000
Thanks for that! I can see you are using the OceanWP theme – have you reached out to the developers to see if they have any options for this?
If they don’t have any options, this would require some CSS to make those changes-
This reply was modified 4 years, 9 months ago by
fevered - a11n.
I haven’t and can’t reach out any developer.
It would be great If you can give me Any CSS for that? And I can paste it in the customize option area.Well, have done it myself, here is the css code
.woocommerce div.product form.cart .variations label {
color: #333;
font-weight: 500;
font-family: inherit;
font-size: 16px;
}.woocommerce div.product form.cart .variations {
margin-bottom: 20px;
margin-top: -20px;
} -
This reply was modified 4 years, 9 months ago by
- The topic ‘How can I reduce gap between product title, price and product description’ is closed to new replies.