Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Created Nov 23, 2020
Embed
What would you like to do?
Black Friday Template Design Tutorial CSS
/**
* CSS Code for Black Friday Template Pack
* Author: WP Academy
* URL: https://wpacademy.pk
**/
.wpac-bf-header {
transition: 0.5s all;
}
.wpac-bf-header.elementor-sticky--effects {
background-color: #ffffff;
}
.wpac-bf-header.elementor-sticky--effects .wpac-bf-header-black-bg {
background-color: #000000;
}
.wpac-added-to-cart .added_to_cart {
display: inline-block;
width: auto;
padding: 10px 40px;
background-color: #333333;
color: #ffffff;
margin-top: 10px;
border-radius: 5px;
text-transform: uppercase;
font-weight: bold;
}
.wpac-custom-carousel .elementor-widget-container {
padding: 15px !important;
background-color: rgba(0,0,0,0.8) !important;
border-radius: 10px;
margin: 0 10px;
}
.wpac-custom-carousel .elementor-swiper-button-prev, .wpac-custom-carousel .elementor-swiper-button-next {
background-color: #000000;
border-radius: 50%;
padding: 10px;
}
.wpac-custom-carousel .elementor-swiper-button-prev {
left: -50px;
}
.wpac-custom-carousel .elementor-swiper-button-next {
right: -50px;
}
@media all and (max-width: 768px) {
.wpac-custom-carousel .elementor-swiper-button-prev {
left: -10px;
}
.wpac-custom-carousel .elementor-swiper-button-next {
right: -10px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment