• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

WooCommerce: product page is too narrow

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › WooCommerce: product page is too narrow

This topic is: not resolved
  • This topic has 4 replies, 3 voices, and was last updated 9 years, 8 months ago by vbell.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 8, 2017 at 4:46 am #200772
    vbell
    Member

    See image:
    image
    Image-link

    The product page is too narrow.

    Is there a problem with Minimum Pro theme, or with WooCommerce?

    https://renerehelse.no/produkt/sov-som-et-barn/
    February 8, 2017 at 5:02 am #200775
    Victor Font
    Moderator

    The with for a couple of CSS classes in both style.css and woocommerce are set to 48% of the content area. Use your browser inspect tool to determine what needs to be changed: https://victorfont.com/category/tutorial/

    In order to override WooCommerce styles with the theme's style.css, follow this tutorial: https://victorfont.com/change-genesis-child-theme-style-sheet-load-order/


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 8, 2017 at 5:33 am #200776
    vbell
    Member

    Thanks for replying, but I can't figure out how to fix this.
    I tried to change every occurence of 48% from 48 to 100% in WooCommerce stylesheet to check if that would work, but it didn't change anything.

    February 8, 2017 at 11:18 am #200785
    Andykev
    Participant
    .first {
    	clear: both;
    	margin-left: 0;
    	width: 100%;
    	text-align: left;
    
    }

    Line 589 of your css, just above Column Classes. You have it set to 40%..change to 100% or adjust.

    February 8, 2017 at 12:52 pm #200791
    vbell
    Member

    Thank you very much! 🙂

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble