Skip to content

Instantly share code, notes, and snippets.

#et-main-area .et_pb_de_mach_content .et_pb_section,
.et-db #et-boc #et-main-area .et-l .et_pb_de_mach_content .et_pb_section {
padding: 0 !important;
}
#et-main-area .et_pb_de_mach_content .et_pb_row,
.et-db #et-boc #et-main-area .et-l .et_pb_de_mach_content .et_pb_row {
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.skills-used li {
display: inline-block;
padding: 10px 20px;
border-radius: 50px;
margin-right: 10px;
color: #1d0d6f;
font-weight: bold;
}
.skills-used li::before {
color: #fff;
.skills-used li {
padding-left: 52px; /* Add space to the left to make space for the icon */
position: relative; /* Make relative so we can line up the icon with absolute position */
}
.skills-used li::before {
position: absolute;
color: #1d0d6f; /* Change the color of the icon */
font-family: FontAwesome!important; /* Use fontawesome font-family (comes with Divi) */
font-weight: 400!important;
<?php
add_filter('et_pb_module_shortcode_attributes', 'divi_engine_maps_acf', 20, 3);
function divi_engine_maps_acf($dmach_props, $cd_atts, $get_slug) {
// add your custom post slugs and then acf field slugs - add as many as you want
// CPT 1
$post_type = 'cpt_slug';
$acf_value = 'acf_field_slug';
.absolute_img {
height: 100%;
min-height: 200px; /* Change this min-height */
position: relative;
}
.absolute_img .et_pb_module_inner,
.absolute_img .et_shop_image {
display: block;
position: absolute !important;
<script>
jQuery(document).ready(function($) {
divi_find_filters_to_filter();
});
</script>
.grid-item-cont .et_pb_de_mach_thumbnail .et_pb_module_inner,
.grid-item-cont span.et_shop_image {
padding-top: 56.25%; /* Change this value to be whatever aspect ratio you want, for example if you wanted portrait - try 180% | or square would be 100% */
display: block;
}
.grid-item-cont .et_pb_de_mach_thumbnail img,
.grid-item-cont span.et_shop_image img{
position: absolute;
height: 100%;