Help with Theme Customization - by beckers

This topic has 6 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

  • Avatar: beckers
    beckers
    Participant
    September 17, 2015 at 14:05

    Good morning
    I am wondering if I can get some help customizing the product page. I need some help modifying the woocommerce section of the page and I am under a time crunch to get this site done. Wondering if I can hire you to do help?

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2015 at 14:19

    Hello,

    Please add this code in Theme Options > Custom CSS > Global Custom CSS:

    .product-information .short-description, .tabs .tabs-nav {
      display: none;
    }

    Best regards,
    Jack Richardson.

    Avatar: beckers
    beckers
    Participant
    September 17, 2015 at 15:00

    Almost there…
    currently the page is divided into two divs. The left has the “Email to a friend” and the categories, and the right has the product description.

    Can the product description div span the whole width, and the “email to a friend” div be pushed below the product description?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2015 at 15:13

    Hello,

    Please try to use this code in Global Custom CSS:

    .tabs .tab-content {
       margin-top: -90% !important;
    }
    .col-lg-6.col-md-6.col-sm-12.product-information {
        width: 100% !important;
        margin-top: 200px !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: beckers
    beckers
    Participant
    September 17, 2015 at 15:27

    EVEN CLOSER! Positions are right now.
    The width for div.tab-content-inner is only half width now (366 x 183).

    http://scanlanint.wpengine.com/product/2002-134/

    So close THANK YOU!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2015 at 17:58

    Hello,

    Please add this code in Global Custom CSS:

    .product .col-lg-6.col-md-6.col-sm-12 {
        width: 100% !important;
    }

    and replace this code

    .tabs .tab-content {
       margin-top: -90% !important;
    }

    with this one:

    .tabs .tab-content {
       margin-top: -50% !important;
    }

    Best regards,
    Jack Richardson.

  • Viewing 6 results - 1 through 6 (of 6 total)

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

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