Skip to content

Instantly share code, notes, and snippets.

@wpacademy

wpacademy/styles.css

Created Nov 11, 2020
Embed
What would you like to do?
PSD to WP website design tutorial CSS.
/**
* Custom CSS code for PSD to WordPress Tutorial by WP Academy
* Author Name: WP Academy
* Author URL: https://wpacademy.pk
**/
.wpac-service-box {
transition: 0.5s all;
}
.wpac-service-box:hover {
transform: scale(1.05);
position: relative;
z-index: 99;
}
.wpac-service-box:hover .elementor-heading-title, .wpac-service-box:hover .elementor-text-editor, .wpac-service-box:hover .elementor-button-link {
color: #fefefe !important;
}
.wpac-service-box .elementor-image {
width: 100px;
height: 100px;
text-align: center;
line-height: 60px;
padding: 15px;
border-radius: 50%;
}
.wpac-service-box:hover .elementor-image {
background-color: #fefefe !important;
}
.wpac-service-box:hover .elementor-image img {
max-width: 60px !important;
}
.wpac-input-field input{
border: none !important;
background-color: #f9f9f9 !important;
font-size: 13px !important;
font-family: "Poppins", serif;
border-radius: 30px !important;
padding: 20px !important;
}
.wpac-submit-btn {
border: none !important;
background-color: #FBA70B !important;
font-size: 13px !important;
font-family: "Poppins", serif;
border-radius: 30px !important;
padding: 20px !important;
width: 100% !important;
color: #ffffff !important;
font-size: 16px !important;
text-transform: uppercase !important;
font-weight: 500;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.