Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Additional Default Styling

.align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .mobile-only { display: none; } .comment_container { padding: 1.5rem; background: #fff; box-shadow: 0 0 30px 30px rgba(0,0,0,0.05); } .no-padding-col .vc_column-inner { padding-left: 0 !important; padding-right:…Continue reading

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