Category: Cornerstone
-
How to Remove the Header Logo’s Top and Bottom Gap in BigCommerce Cornerstone Theme
To eliminate the top and bottom spacing around the header logo in the BigCommerce Cornerstone theme, add the following CSS code to the end of your theme.scss file. For step-by-step instructions, check out this quick video guide on how to edit the theme.scss file. – quick video guide to edit theme.scss
-
How to Use Different Logos for Your Store and Invoice in BigCommerce Stencil Theme
Use Different Logos for Your Store and Invoice in BigCommerce Stencil Theme BigCommerce Store: Dark and Light Logos White Logo on Store Causing Problems on Invoice Need Bigger Logo for Store and Smaller for Invoice Quick video guide.
-
How to make Bigcommerce Cornerstone logo and navigation same line.
copy and paste below CSS at theme.scss last line — video guide – https://sumnima.studio/bigcommerce-how-to-edit-theme-scss/ @include breakpoint("medium") { .header { display: block; &::after { content: ""; width: 100%; height: 1px; overflow: hidden; clear: both; display: block; } .header-logo { width: 200px; float: left !important; margin: 0px 1.5rem; .header-logo-image-container { min-height: auto; } } .navPages-container { float:…
-
Bigcommerce Change New Products Slider to a Grid like Featured Products.
[siteorigin_widget class=”WP_Widget_Media_Video”][/siteorigin_widget] copy and paste below code at /templates/components/products/new.html <h2 class="page-heading">{{lang 'products.new' }}</h2> <ul class="productGrid productGrid–maxCol{{ columns }}" data-product-type="products" data-list-name="New Products"> {{#each products}} <li class="product"> {{>components/products/card settings=../settings theme_settings=../theme_settings customer=../customer event="list" position=(add @index 1)}} </li> {{/each}} </ul> I don’t like the way the slider loads as it jumps when it loads. Plus I like the look…
-
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>
-
bigcommerce stencil visible bulk pricing table
https://support.bigcommerce.com/s/question/0D74O000007TxoG/detail?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1617723988677&fromEmail=1&s1ext=0 bigcommerce removed footer script so to add custom CSS use Advanced Settings › Web Analytics a quick video guide for custom CSS for dummies
-
increase number of product show at categories bigcommerce stencil themes
Quick video guide to increase number of product show at categories bigcommerce stencil themes