Category: stencil

Better Bigcommerce vault free theme

Jan 28, 2021

—

by

Rawi Rai

in bigcommerce, bigcommerce stencil theme, free bigcommerce stencil theme, stencil

use below CSS with below video guide <style> #menu .mega-cat-dropdown .has-subMenu.is-root + .navPage-subMenu-horizontal.second-level-flyout .page.inactive-page { position : relative; display : block; z-index : 1 !important; height : auto !important; margin-top : 0px !important; opacity : 1 !important; transition : none; } header div#menu { z-index: 9; } .flyout-pagination-container.top.visible { display : none; } .mega-cat-dropdown li.navPages-item…
always visible “Add to cart” button bigcommerce cornerstone theme

Dec 1, 2019

—

by

Rawi Rai

in bigcommerce, bigcommerce stencil theme, Blog, Cornerstone, stencil

Quick video guide for always visible “Add to cart” button at product card category bigcommerce cornerstone theme
How to Change Sale Now Price to red using Bigcommerce stencil theme

Nov 21, 2019

—

by

Rawi Rai

in bigcommerce, bigcommerce stencil theme, Blog, Cornerstone, documentation, free bigcommerce stencil theme, stencil

Another most repeat asked question at Bigcommerce forum https://support.bigcommerce.com/s/question/0D74O000006ChGY/how-to-change-sale-now-price-to-red?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1574301765902&fromEmail=1&s1ext=0 Paste below code at footer script <style> .price-section–withoutTax span.price { color: red; } .price-section–withoutTax.non-sale-price–withoutTax span.price , .price-section–withoutTax.rrp-price–withoutTax span.price { color: #343434; } </style> [siteorigin_widget class=”WP_Widget_Media_Image”][/siteorigin_widget]
How to add SVG logo in bigcommerce stencil cornerstone theme

Oct 29, 2019

—

by

Rawi Rai

in bigcommerce, bigcommerce stencil theme, Blog, Cornerstone, stencil

How to add SVG logo in bigcommerce stencil cornerstone theme
How do I place logo and header navigation on same line using bigcommerce cornerstone stencil theme?

Aug 6, 2019

—

by

Rawi Rai

in Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Blog, Cornerstone, documentation, free bigcommerce stencil theme, stencil

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
Remove bigcommerce cornerstone theme unwanted header and footer space.

Aug 6, 2019

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, bigcommerce stencil theme, Cornerstone, documentation, free bigcommerce stencil theme, stencil

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?

May 20, 2019

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, Blog, Cornerstone, stencil

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:…
Add section to bigcommerce cornerstone stencil theme

Mar 29, 2019

—

by

Rawi Rai

in bigcommerce, Cornerstone, stencil

I need to add a section between the main image (carrusel) and products section. This will be a still image with instructions on how to contact us. I know a little bit of html and css, is just I cannot find where to add this, thank you Alberto Villarreal QUICK VIDEO GUIDE – https://support.bigcommerce.com/s/question/0D71B000005dcsi/add-section-to-cornerstone-theme?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1553828950506&fromEmail=1&s1ext=0
How do I change the background color on one specific page ? bigcommerce cornerstone stencil theme

Mar 28, 2019

—

by

Rawi Rai

in bigcommerce, Bigcommerce Cornerstone Light Theme, Cornerstone, stencil

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.