Skip to content

Instantly share code, notes, and snippets.

@sergiu-radu
sergiu-radu / gist:9314ef524d1e2bf41a487dcdf58201f4
Last active January 19, 2021 14:15
Brizy container temporary fix
.content-wide [data-structure*="brizy"] .brz-section--boxed {
--brz-section-container-width: var(--container-width);
--brz-section-container-max-width: var(--container-max-width);
}
<span class="custom-word">Hello</span> World
/ * CSS styles */
.custom-word {
margin-right: 5px;
font-weight: 900;
color: red;
}
.wp-block-embed__wrapper:before {
content: '';
display: block;
padding-top: var(--aspect-ratio, 50%);
}
.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper .container-lazyload,
.wp-block-embed__wrapper > .jetpack-video-wrapper {
position: absolute;
@sergiu-radu
sergiu-radu / gist:3871e9fd51f4532c85d9feb97629f932
Created January 19, 2021 20:33
Remove spacing between paragraphs
// first method
.my-selector p {
margin-bottom: 0;
}
// second method
.my-selector p {
--contentSpacing: 0;
}
.archive.woocommerce .site-main {
--container-max-width: 1400px;
}
@sergiu-radu
sergiu-radu / gist:47663dfaf63abca64e42f54f6b170a39
Created January 26, 2021 09:48
Footer grid template columns (desktop view)
@media (min-width: 1000px) {
.ct-footer [data-row="middle"] > div {
--grid-template-colummns: 0.5fr 3fr 0.5fr !important;
}
}
@media (max-width: 999px) {
.product[class*="top-gallery"] .entry-summary {
display: flex;
flex-direction: column-reverse;
}
.product[class*="top-gallery"] .entry-summary section:last-child {
border-top: none;
border-bottom: 1px solid var(--border-color);
}
[data-color="official"][data-icons-type*="solid"] .ct-icon-container {
--icon-color: #fff;
--icon-hover-color: #fff;
}
#blocksy_ct_contact_info-18 ul li:last-child > span > svg {
display: none;
}
#blocksy_ct_contact_info-18 ul li:last-child > span {
background-image: url('http://blocksy.local/wp-content/uploads/2020/03/daniel-lincoln-dp75uo9Qflo-unsplash-4-150x150.jpg');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center center;
}