Product - Sticky Button Label

#ButtonSet_b_colour .buttonLabel {
position: absolute;
top: -15px;
background: orange;
color: white;
border-radius: 5px;
}

ButtonSet_b_colour .optionSelected .buttonLabel, #ButtonSet_b_colour button:hover .buttonLabel {
display: block;
}

#ButtonSet_b_colour .buttonLabel {
display: none;
}

.cmsFormElementb_colour .cmsOptionButtonSet button {
position: relative;
}

More From This Section

Tidy More-Photos thumbnails on galleries on mobile.

If using default mobile - this snippet will reformat raggedy thumbnails applied to more photos area on galleries. Applied to mobile css area.

Out of Stock Stamp

Add this CSS to your stylesheet to have out of stock products show as Sold (rectangle / circle options)

Circle Stamps CSS for featured products/stock

If you theme does not support product stamps, you can add the code to your content.css file area. Note: May not be compatible with all templates.

Default Social Widget Styling

Customise the social widget icons

Variable Font Embedding

Smooth Scrolling down the page

Enable smooth scrolling when jumping to a bookmark.

Ordered List Numerical Intent Styling

Hide company field

Multi Option Select - Horizontal Grid Format

Safari Aspect Ratio tweak

CSS - Convert Postcard Slider format to hover format

Bulk Emailer - Working CSS Gradient Hack for Outlook 365

Hide first thumbnail - Product View Page

Product - Sticky Button Label

Show button label as an overlay on hover and when an option is selected.

> 家