Skip to content

Instantly share code, notes, and snippets.

@divienginesupport
divienginesupport / multistep-horizontally-aligned-on-mobile.css
Created July 6, 2022 16:15
Multistep Horizontally Aligned on Mobile
@media only screen and (max-width: 768px) {
ul#progressbar {
display: flex;
}
}
@divienginesupport
divienginesupport / change-gallery-slider-border-radious.css
Created July 6, 2022 15:48
Change gallery slider border radious
@divienginesupport
divienginesupport / increase-the-width-of-the-current-slide.css
Last active July 7, 2022 13:58
Increase the width of the currentn slide - Gallery Slider - Divi Bodycommerce
.slick-current {
width: 400px !important;
}
@divienginesupport
divienginesupport / remove-the-black-background-from-acf-video-module.css
Created June 23, 2022 16:25
remove the black background from acf video module
.de_dn_youtube_video {
background: none;
}
@divienginesupport
divienginesupport / bug-fix-circle-type-variation-swatches-are-not-properly-shown-up-when-tooltip-is-enabled.css
Created June 22, 2022 17:27
Bug fix circle type variation swatches are not properly shown up when tooltip is enabled
/* ADJUST VARIATION SWATCHES TO CREATE A CIRCLE AND USE THE TOOLTIP */
img.bc-variation-image {
border-radius: 40px;
}
@divienginesupport
divienginesupport / add-onsale-badge-background-color.css
Created June 21, 2022 15:14
Add onsale badge background color
/*PLEASE REPLACE BACKGROUND COLOR RULE WITH THE HEX COLOR VALUE OF YOUR CHOICE */
.woocommerce #page-container #et-boc .bodycommerce-ofs-badge span.onsale{
background-color: #020000 !important;
}
@divienginesupport
divienginesupport / change-the-background-color-of-selected-checkboxes-at-filter.css
Created June 20, 2022 18:37
Change the background color of selected checkboxes at filter
/* PLEASE REPLACE RED WITH ANY COLOR OF YOUR CHOICE OR PUT ANY HEX COLOR CODE YOU WANT */
.et_pb_de_mach_search_posts_item_1 .divi-radio-tick_box.radio-choice-radio .divi-checkboxmulti input:checked~.checkmark{
background-color:red !important;
}
@divienginesupport
divienginesupport / adjust-woocommerce-alert-notices-position-at-desktop-view-when-the-multistep-option-is-enabled-at-the-checkout.css
Created June 17, 2022 17:32
Adjust woocommerce alert notices position at desktop view when the multistep option is enabled at the checkout
@media only screen and (min-width: 768px){
.woocommerce-notices-wrapper {
position: absolute;
top: 50vh;
left: 10%;
z-index: 99;
}
}
@divienginesupport
divienginesupport / autologin-user-after-registration-at-divi-form-builder.php
Last active June 17, 2022 17:00
Autologin user after registration at divi form builder
function df_autologin_hook( $form_id, $user_id, $post_array ){
if (!is_user_logged_in()) {
$user = get_user_by('id', $user_id );
wp_set_current_user( $user_id, $user->user_login );
wp_set_auth_cookie( $user_id );
do_action( 'wp_login', $user->user_login, $user );
}
}
add_action('df_after_insert_user', 'df_autologin_hook', 10, 3);
@divienginesupport
divienginesupport / adjust-margin-and-height-at-order-again-button.css
Created June 15, 2022 20:15
Adjust margin and height at order again button
p.order-again a.button {
padding-top: 0px;
height: 30px;
}