Return to previous page

Reducing the content area - by zouking - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Robert Hall

  • Avatar: zouking
    zouking
    Participant
    March 24, 2016 at 10:19

    Hi,

    May i know is it possible to reduce the width of the content area?

    Please refer to the screenshot in private area.

    let’s say the content width is 100% now, is it possible to reduce to 80%?

    Please, contact administrator
    for this information.
    #118738 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 24, 2016 at 10:33

    Hello,

    I’ve added the following code in Global Custom CSS. Please check.

    @media screen and (min-width: 1200px){
.container {
    width: 970px;
}}

    Regards,
    Robert Hall

    #118746 Copied
    Avatar: zouking
    zouking
    Participant
    May 10, 2016 at 09:36

    Hi,

    How about further reducing the content area only for certain page.

    Please, contact administrator
    for this information.
    #124852 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 10, 2016 at 10:44

    Hello,

    To change the width only for ‘Cooked’ page add this code in Global Custom CSS.

    @media screen and (min-width: 1200px){
.page-id-454 .container {
    width: 650px;
}}

    Then you should to change the structure of this page via Visual Composer editor. I mean to remove the empty columns. See screenshot: http://prntscr.com/b2b9fw

    Regards,
    Robert Hall

    #124874 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.