Add line break on product page & image resizing
-
Hi!
I want to make some changes to my product pages.
First of all, I’d like to add a line break / blank space between the product price and the add to cart button. Does anyone know a CSS code for that?
Also, is there a way to resize all images in portrait layout, without changing landscape images? My portrait images are much bigger than landscape photos right now, which creates a big empty space next to the photo, as you can see on the linked 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://www.stefanvlieger.com Site address (URL): https://www.stefanvlieger.com WC Version: 4.4.1 REST API Version: ? 1.0.15 WC Blocks Version: ? 3.2 Action Scheduler Version: ? 3.1.6 WC Admin Version: ? 1.4.0 Log Directory Writable: ? WP Version: 5.5 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: – WP Cron: ? Language: en_GB External object cache: – ### Server Environment ### Server Info: Apache PHP Version: 7.0.33 - We recommend using PHP version 7.2 or above for greater performance and security. How to update your PHP version PHP Post Max Size: 32 MB PHP Time Limit: 30 PHP Max Input Vars: 1000 cURL Version: 7.62.0 OpenSSL/1.0.2k SUHOSIN Installed: – MySQL Version: 5.5.5-10.3.23-MariaDB-log-cll-lve Max Upload Size: 32 MB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 4.3.3 WC Database Prefix: wp_ Total Database Size: 31.97MB Database Data Size: 23.35MB Database Index Size: 8.62MB 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.03MB + 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.03MB + Engine InnoDB wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_administrators_stats: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_affiliates_signups: Data: 0.02MB + Index: 0.11MB + Engine InnoDB pvs_affiliates_stats: Data: 0.02MB + Index: 0.08MB + Engine InnoDB pvs_audio_fields: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_audio_format: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_audio_source: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_audio_types: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_carts: Data: 0.02MB + Index: 0.08MB + Engine InnoDB pvs_carts_content: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_category: Data: 0.02MB + Index: 0.13MB + Engine InnoDB pvs_category_items: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_category_stock: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_collections: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_collections_items: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_colors: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_commission: Data: 0.02MB + Index: 0.08MB + Engine InnoDB pvs_components: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_content_filter: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_content_type: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_countries: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_coupons: Data: 0.02MB + Index: 0.14MB + Engine InnoDB pvs_coupons_types: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_credits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_credits_list: Data: 0.02MB + Index: 0.09MB + Engine InnoDB pvs_currency: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_documents: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_documents_types: Data: 0.02MB + Index: 0.08MB + Engine InnoDB pvs_downloads: Data: 0.02MB + Index: 0.16MB + Engine InnoDB pvs_elasticsearch: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_examinations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_ffmpeg_cron: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_filestorage: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_filestorage_files: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_filestorage_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_friends: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_galleries: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_galleries_photos: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_gateway_clickbank: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_gateway_epoch: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_gateway_jvzoo: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_gateway_segpay: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_invoices: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_items: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_languages: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_licenses: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_lightboxes: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_lightboxes_admin: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_lightboxes_files: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_media: Data: 0.02MB + Index: 0.41MB + Engine InnoDB pvs_messages: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_models: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_models_files: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_newsletter: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_newsletter_emails: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_notifications: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_orders: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_orders_content: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_packages: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_packages_categories: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_packages_files: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_packages_list: Data: 0.02MB + Index: 0.11MB + Engine InnoDB pvs_payments: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_payout: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_photos_exif: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_photos_formats: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_printful_orders: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_printful_prints: Data: 0.02MB + Index: 0.17MB + Engine InnoDB pvs_prints: Data: 0.02MB + Index: 0.11MB + Engine InnoDB pvs_prints_categories: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_prints_items: Data: 0.02MB + Index: 0.09MB + Engine InnoDB pvs_prints_previews: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_products_options: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_products_options_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_pwinty: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_pwinty_orders: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_pwinty_prints: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_reviews: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_rights_managed: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_rights_managed_groups: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_rights_managed_options: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_rights_managed_structure: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_search_history: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_settings: Data: 0.06MB + Index: 0.02MB + Engine InnoDB pvs_shipping: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_shipping_ranges: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_shipping_regions: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_sizes: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_subscription: Data: 0.02MB + Index: 0.08MB + Engine InnoDB pvs_subscription_list: Data: 0.02MB + Index: 0.11MB + Engine InnoDB pvs_support: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_support_tickets: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_tax: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_tax_regions: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_templates_admin_home: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_terms: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_testimonials: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_translations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_users_fields: Data: 0.02MB + Index: 0.03MB + Engine InnoDB pvs_user_category: Data: 0.02MB + Index: 0.02MB + Engine InnoDB pvs_vector_types: Data: 0.02MB + Index: 0.06MB + Engine InnoDB pvs_video_fields: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_video_format: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_video_frames: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_video_ratio: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_video_rendering: Data: 0.02MB + Index: 0.00MB + Engine InnoDB pvs_video_types: Data: 0.02MB + Index: 0.08MB + Engine InnoDB pvs_voteitems: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_voteitems2: Data: 0.02MB + Index: 0.05MB + Engine InnoDB pvs_voteitems_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_actionscheduler_actions: Data: 0.06MB + 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_bwg_album: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_album_gallery: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_gallery: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_image: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_image_comment: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_image_rate: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_image_tag: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_shortcode: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_bwg_theme: Data: 0.05MB + Index: 0.00MB + Engine InnoDB wp_cn_social_icon: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_commentmeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM wp_comments: Data: 0.08MB + Index: 0.02MB + Engine MyISAM wp_crp_portfolios: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_crp_projects: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_edd_customermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_edd_customers: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_gallery_albums: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_gallery_pics: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_gallery_settings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hugeit_slider_slide: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_hugeit_slider_slider: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_huge_itgallery_gallerys: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_huge_itgallery_images: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_huge_itgallery_like_dislike: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_image_hover_ultimate_list: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_image_hover_ultimate_style: Data: 0.06MB + Index: 0.00MB + Engine InnoDB wp_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_mailchimp_carts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_mailchimp_jobs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_masterslider_options: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_masterslider_sliders: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_ms_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_ngg_album: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_ngg_gallery: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_ngg_pictures: Data: 0.06MB + Index: 0.02MB + Engine InnoDB wp_options: Data: 3.10MB + Index: 0.21MB + Engine MyISAM wp_oxi_div_import: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_photo_gallery_wp_gallerys: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_photo_gallery_wp_images: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_photo_gallery_wp_like_dislike: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_postmeta: Data: 7.91MB + Index: 0.74MB + Engine MyISAM wp_posts: Data: 7.41MB + Index: 0.93MB + Engine MyISAM wp_sbi_instagram_feeds_posts: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_sbi_instagram_posts: Data: 0.05MB + Index: 0.00MB + Engine InnoDB wp_shopp_address: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_asset: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_customer: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_index: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_meta: Data: 0.02MB + Index: 0.01MB + Engine MyISAM wp_shopp_price: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_promo: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_purchase: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_purchased: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_shopp_shopping: Data: 0.02MB + Index: 0.00MB + Engine MyISAM wp_shopp_summary: Data: 0.00MB + Index: 0.00MB + Engine MyISAM wp_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_terms: Data: 0.01MB + Index: 0.04MB + Engine MyISAM wp_term_relationships: Data: 0.06MB + Index: 0.12MB + Engine MyISAM wp_term_taxonomy: Data: 0.02MB + Index: 0.02MB + Engine MyISAM wp_UPCP_Catalogues: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Catalogue_Items: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Categories: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Custom_Fields: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Fields_Meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Items: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Item_Images: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_SubCategories: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Tagged_Items: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Tags: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Tag_Groups: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_UPCP_Videos: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_usermeta: Data: 0.02MB + Index: 0.01MB + Engine MyISAM wp_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM 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.05MB + 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_wpfm_backup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_yoast_indexable: Data: 0.30MB + Index: 0.27MB + Engine InnoDB wp_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_yoast_seo_links: Data: 0.06MB + Index: 0.02MB + Engine InnoDB wp_yoast_seo_meta: Data: 0.11MB + Index: 0.00MB + Engine InnoDB ### Post Type Counts ### attachment: 1423 awl_filter_gallery: 1 custom_css: 7 customize_changeset: 7 download: 1 eclecticon_project: 1 edd_payment: 3 elementor_library: 24 envira: 2 feedback: 1796 ifba_instagram_feed: 1 jp_img_sitemap: 4 jp_sitemap: 4 jp_sitemap_master: 4 maxslider_slider: 1 ml-slide: 5 ml-slider: 2 nav_menu_item: 58 ngg_gallery: 1 ngg_pictures: 24 page: 42 people: 8 phort_post: 8 polylang_mo: 2 post: 39 product: 42 product_variation: 169 revision: 928 rl_gallery: 6 sell_media_item: 5 shop_coupon: 3 shop_order: 1 shop-page-wp: 5 sidebar: 2 sunshine-gallery: 1 sunshine-product: 1 u_hover_effect: 1 work: 7 wpforms: 3 wpmm_theme: 3 yith-wcbm-badge: 4 ### Security ### Secure connection (HTTPS): ? Hide errors from visitors: ? ### Active Plugins (31) ### Polylang: by WP SYNTEX – 2.8.1 User Menus: by Code Atlantic – 1.2.4 AJAX Search for WooCommerce: by Damian Góra – 1.7.2 – Installed version not tested with active version of WooCommerce 4.4.1 Blog Designer: by Solwin Infotech – 2.1.3 Custom Sidebars: by WPMU DEV – 3.2.3 Customer Reviews for WooCommerce: by Customer Reviews – 3.122 Easy Social Icons: by cybernetikz – 3.0.7 Elementor: by Elementor.com – 3.0.2 Essential Addons for Elementor: by WPDeveloper – 4.2.1 GutenBee: by The CSSIgniter Team – 2.5.0 Smash Balloon Instagram Feed: by Smash Balloon – 2.4.6 Jetpack by WordPress.com: by Automattic – 8.8.2 Kadence WooCommerce Email Designer: by Kadence WP – 1.4.3 – Installed version not tested with active version of WooCommerce 4.4.1 Lense theme-specific plugin: by The CSSIgniter Team – 1.0.1 Limit Login Attempts: by Johan Eenfeldt – 1.7.1 Loco Translate: by Tim Whitlock – 2.4.2 Mailchimp for WooCommerce: by Mailchimp – 2.4.5 Mobile Menu: by Rui Guerreiro – 2.8.1.3 Photection: by Colormelon justnorris – 1.0.0 Rearrange Woocommerce Products: by Aslam Doctor – 2.3.1 – Installed version not tested with active version of WooCommerce 4.4.1 Responsive Lightbox & Gallery: by dFactory – 2.2.3.1 Simple Custom CSS: by John Regan Danny Van Kooten – 4.0.4 Site Reviews: by Paul Ryley – 4.6.4 User Menus: by Code Atlantic – 1.2.4 WooCommerce Blocks: by Automattic – 3.2 Woo Login Redirect: by WP Doctor – 2.2.4 – Installed version not tested with active version of WooCommerce 4.4.1 Hyyan WooCommerce Polylang Integration: by Hyyan Abo Fakher – 1.4.3 – Installed version not tested with active version of WooCommerce 4.4.1 WooCommerce: by Automattic – 4.4.1 WooSidebars: by WooCommerce – 1.4.5 Yoast SEO: by Team Yoast – 14.8.1 YITH WooCommerce Badge Management: by YITH – 1.4.3 – Installed version not tested with active version of WooCommerce 4.4.1 ### Inactive Plugins (5) ### DHL for WooCommerce: by DHL – 2.2.3 – Installed version not tested with active version of WooCommerce 4.4.1 Portfolio Filter Gallery: by A WP Life – 1.2.3 Post Types Order: by Nsp Code – 1.9.5.2 Ultimate Product Catalog - WordPress Catalog Plugin: by Etoile Web Design – 4.4.33 Visibility Logic for Elementor: by SeventhQueen – 1.2.0 ### Must Use Plugins (1) ### installatron_hide_status_test.php: by – ### Settings ### API Enabled: ? Force SSL: – Currency: EUR (€) 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: #14108 - /woocommerce/ Basket: ? Page does not contain the shortcode. Checkout: #14139 - /shop/checkout/ My account: #14141 - /shop/account/ Terms and conditions: #15301 - /terms-and-conditions/ ### Theme ### Name: Lense Version: 1.2.2 Author URL: https://www.cssigniter.com/ 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: ? Not declared ### Templates ### Overrides: – ### Action Scheduler ### Complete: 63 Oldest: 2020-07-27 17:42:54 +0000 Newest: 2020-08-26 20:44:53 +0000 Pending: 1 Oldest: 2020-08-27 20:44:53 +0000 Newest: 2020-08-27 20:44:53 +0000
Hi @svlieger
To move the “Add to cart” button to its own line, you can add this CSS code:
.single-product button.single_add_to_cart_button { clear: both; margin-top: 10px; }
As for making sure that portrait images aren’t so tall, you might want to check if your theme provides options for that. Some themes will allow you to set a configuration for that.
If that’s not available, you can use this CSS code:
.woocommerce.single-product div.product div.images img { max-height: 450px; width: auto; margin: 0 auto; }
Even though that will give the image a maximum size (so there won’t be a lot of space next to it lower down the page), it will create some new space on its sides, but that’s not something you can avoid.
Thanks a lot Senff! The CSS code for the image size is exactly what I was looking for.
However, the first CSS code moves the add to cart button to a new line. I’d like to insert a white line between the product price and the single product button and add to cart. So those two buttons should stay next to each other on the same line.
- The topic ‘Add line break on product page & image resizing’ is closed to new replies.