Category: Cornerstone
-
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
-
Bigcommerce cornerstone theme mobile navigation active logo problem
use below CSS with below video guide <style> @media (max-width: 801px){ .header-logo { height: 55px; } .header-logo__link { display: block; margin: 10px auto; } } </style> bigcommerce removed footer script so to add custom CSS use Advanced Settings › Web Analytics a quick video guide for custom CSS for dummies https://support.bigcommerce.com/s/question/0D74O000006KtI4/change-mobile-header-mobile-header-appearing-on-top-of-menu-list-screenshot-provided?s1oid=00D30000001FDCG&s1nid=0DB13000000Gmw5&emkind=chatterCommentNotification&s1uid=0051B00000Cdq7l&emtm=1598917433642&fromEmail=1&s1ext=0