Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

CSS Card Slider

/*! Product Cells ———————————————- */ .productcell { background-color: #1D1C26; margin-left: 30px; border-radius: 10px; width: 33%; text-align: center; } .productcell-img { border-radius: 10px; width: 100%; padding-top: 30px; } .productcell-content { padding: 30px; } @media (max-width: 600px) { .productcell { width: 100%;…Continue reading

CSS Page Building 101 Course

:root { –radius: 1rem; –section-block-padding: clamp(5rem, calc(5rem + ((1vw – 0.32rem) * 4.7801)), 10rem); –section-inline-padding: clamp(2.4rem, calc(2.4rem + ((1vw – 0.32rem) * 3.4417)), 6rem); –h1: clamp(2.88rem, 1.377vw + 2.439rem, 4.32rem); –h2: clamp(2.4rem, 1.147vw + 2.033rem, 3.6rem); –h3: clamp(2rem, 0.956vw +…Continue reading

My Insert widget in header (copy)

/* Add a WordPress Widget to Your Website Header by Adding Code to WordPress */ function wpb_widgets_init() { register_sidebar( array( ‘name’ => ‘Custom Header Widget Area’, ‘id’ => ‘custom-header-widget’, ‘before_widget’ => ‘ ‘, ‘after_widget’ => ‘ ‘, ‘before_title’ => ‘…Continue reading

Cover image groups

body.groups div#cover-image-container { margin-top: 0; border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; } body.groups #buddypress #item-header #header-cover-image.has-cover-image { border-top-right-radius: 5px !important; border-top-left-radius: 5pContinue reading