Category: Bigcommerce Cornerstone Light Theme

  • Bigcommerce add trust safe checkout badges to my cart page

    quick video guide to add trust safe checkout badges to my cart page at Bigcommerce theme .trust-badges { float: right; clear: both; padding-top: 20px; } https://www.youtube.com/watch?v=74V8Pff9qiE

  • bigcommerce cornerstone theme: Removing padding around the logo in the header

     Quick video guide Cornerstone: Removing padding around the logo in the header. <style> .header-logo { margin: 1rem auto 1rem; } </style>

  • increase number of product show at categories bigcommerce stencil themes

    Quick video guide  to increase number of product show at categories bigcommerce stencil themes  

  • How do I place logo and header navigation on same line using bigcommerce cornerstone stencil theme?

    using the Cornerstone theme and have left aligned my logo and header navigation. How do I place them both on the same line? https://support.bigcommerce.com/s/question/0D71B000005aBte/how-do-i-place-logo-and-header-navigation-on-same-line?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1565034235875&fromEmail=1&s1ext=0 paste below css into footer script [css] [/css]

  • Remove bigcommerce cornerstone theme unwanted header and footer space.

    Remove bigcommerce cornerstone theme unwanted header and footer space frequently asked question at bigcommerce community forum. copy and paste below CSS at footer script <style> .header-logo { margin: 0rem auto 0rem; } .footer { padding: 1rem 0; } .footer-payment-icons { margin-top: 0rem; } .footer-info-col { margin-bottom:1rem; } </style>

  • how to fix bigcommerce cornerstone mobile new, related products carousel not showing correctly?

    Replace below code with templates/components/products/carousel.html     <section class="productCarousel" data-list-name="{{list}}"> {{#each products}} <div class="productCarousel-slide"> {{> components/products/card settings=../settings theme_settings=../theme_settings customer=../customer event="list" position=(add @index 1)}} </div> {{/each}} </section> <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <!– Add the slick-theme.css if you want default styling –> <script type="text/javascript"> $(‘.productCarousel’).slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: […]

  • How do I change the background color on one specific page ? bigcommerce cornerstone stencil theme

    https://support.bigcommerce.com/s/question/0D71B000005dbLi/how-do-i-change-the-background-color-on-one-specific-page?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1553744557734&fromEmail=1&s1ext=0     here is guide edit theme files – https://support.bigcommerce.com/s/article/Stencil-Themes#edit open templates/layout/base.html find <body> replace with <body class=”{{ page.title }}{{category.name}}{{product.title}}”> debug your page to fine new body CSS of that page. code new CSS with that body name.

  • How to edit bigcommerce Cornerstone Light footer.

    I am using and would like to remove (or comment out) the Categories in my footer. https://forum.bigcommerce.com/s/question/0D51B00004cHr0R/hii-am-using-cornerstone-light-and-would-like-to-remove-or-comment-out-the-categories-in-my-footer?t=1535340918581 Where do I find footer.html to modify bigcommerce Cornerstone Light footer? templates/components/common/footer.html