site_wide_header - WPCode Library

Add Subscriber to Segment with Duration

var peSegmentNameWithDuration = []; // e.g, [{“name”:”segmentName”,”duration”: 5}] window.PushEngage = window.PushEngage || []; PushEngage.push(function() { PushEngage.addSegmentWithDuration(peSegmentNameWithDuration).then(function(data) { console.log(data) }).catch(function error(error) { console.log(error.message) }); });Continue reading

Add Subscriber to Segment

var peSegmentNames = []; // Array of segment ids e.g, [“segment1”, “segment2”] window.PushEngage = window.PushEngage || []; PushEngage.push(function() { PushEngage.addSegment(peSegmentNames).then(function(data) { console.log(data) }).catch(function error(error) { console.log(error.message) }); })Continue reading

Untitled Snippet

Testimonial Styling

.w-testimonial-rating:before { content: “”; } .w-testimonial-rating i:before { content: “\e83a”; font-family: ‘Material Icons’; }Continue reading

Circle Counter Styling

.circle-counter .w-counter-value { width: 150px; height: 150px; line-height: 140px; border: 2px solid var(–color-content-text); border-radius: 50%; margin: 0 auto; }Continue reading

Grid Styling

.grid-box-outer:hover #grid-boxes { background: rgba(0,0,0,0.50) !important; transition: all 0.3s ease-in-out; } #grid-boxes h3 { text-shadow: 2px 2px 2px #000; font-size: 1.2rem !important; font-weight: 700; }Continue reading

Button Styling

.no-touch .us-btn-style_3:hover, .no-touch .us-btn-style_4:hover, .no-touch .us-btn-style_7:hover { border-left: solid 0 transparent; border-right: solid 0 transparent; border-top: solid 0 transparent; } @media screen and (max-width: 768px) { .w-hwrapper.align_none .w-btn { width: 100%; margin: 0; } *:not(.w-hwrapper)>.w-btn-wrapper.align_none { margin: 0 auto !important;…Continue reading

Iconbox Styling

@media screen and (max-width: 768px) { .w-iconbox.iconpos_left.no_text, .w-iconbox.iconpos_left.no_title, .w-iconbox.iconpos_right.no_text, .w-iconbox.iconpos_right.no_title { justify-content: center; } .w-iconbox.iconpos_left, .w-iconbox.iconpos_right { display: block; text-align: center; } .w-iconbox.iconpos_left .w-iconbox-icon { margin-left: auto; margin-right: auto; margin-bottom: 10px; } .align_none .w-iconbox-icon, .align_none .w-iconbox .w-iconbox-title, .align_none .w-iconbox-text {…Continue reading

Tab Styling

.tabs-right .w-tabs-list-h { display: -webkit-inline-flex; z-index: 9; position: relative; } .tabs-right .w-tabs-list { text-align: right; } .tabs-right .w-tabs-section-content { padding-top: 0; } .no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus, .no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:hover, .no-touch .w-tabs.remove_indents>div>div>.w-tabs-section-header:focus { background: none; } @media screen and (max-width: 768px) {…Continue reading

WooCommerce Styling

.woocommerce .commentlist .comment-text { padding-bottom: 0; } .woocommerce .commentlist img.avatar { margin: 1.5rem 1.5rem 0 1.5rem; } .woocommerce-product-gallery img { width: 100%; } .woocommerce-info, .woocommerce-message { background: #f8f8f8; } .product .single_add_to_cart_button { float: right; height: 55px; } .product .w-filter.state_desktop.style_drop_default .w-filter-item-title,…Continue reading