Please provide a link to a page on your site where we can see this. Thanks.
@sterndata Totally forgot to do that
The page with the purple overlay
-
This reply was modified 7 years, 8 months ago by
klurmedia.
Yes you can, just change the color code in the following css code and add the new css code in custom css,
To change Header Section color:
.main-header-section {
background-image: linear-gradient(130deg,rgba(134, 36, 225, 0.91) 25%,rgba(54, 7, 166, 0.89) 100%)!important;
}
To change bottom section color:
.bottom-ribbon-section, .contact-section, #woocommerce.woocommerce-section {
background-image: linear-gradient(130deg,rgba(134, 36, 225, 0.91) 25%,rgba(54, 7, 166, 0.89) 100%)!important;
}
-
This reply was modified 7 years, 8 months ago by
Themesbydp.
.main-header-section {
background-color: initial;
background-image: none!important;
}
To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress
Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.
thank you both, my issue is resolved !
Now i have a question again (sorry) how do i change the button colours it won’t allow me to change them.
@sterndata @themesbydp
I recommend asking at https://ww.wp.xz.cn/support/theme/single-page-maker#new-post so the theme’s developers and support community can help you with this.
Your site in under maintenance, make it live. I will look into that.
@themesbydp done! take a look
Here is the css code you have to change, Change the background-image color code and add the code in custom css.
.ribbon-section .ribbon-button button, .bottom-ribbon-section .ribbon-button button, .button-two .main-button button, .main-button button, .contact-wrap .leadform-show-form.leadform-lite input[type="submit"] {
background-image: linear-gradient(90deg,#f92c8b 0%,#b02cd6 100%)!important;
box-shadow: 0px 20px 30px -10px rgba(249,44,139,0.4);
-webkit-animation-duration: .2s;
-moz-animation-duration: .2s;
-o-animation-duration: .2s;
animation-duration: .2s;
}
