Changing Colors Beyond Drop Down Defaults

Hello,
I am trying to change the colors on the test site I have at http://3rdwire.net/E2Elders/.

I do not want to use the common drop down options in Appearance -> Styling Options -> Theme Stylesheet (the green I want to use is a different shade, I am wanting a green closer to this 9dc30a).

Therefore, I resorted to using custom CSS. I have been able to change most areas using the code (below) found here on the forum.

However, I have not been able to find the items that will allow me to change the slider button space color and space where the widgets go above the footer.

Do you have any guidance on these additional items to CSS that would allow for the changes I desire?






Example Code used thus far (with colors being Purple).
.header-container {
background: #800080 !important;
}

.feature-icon .highlight {
color: #800080 !important;
}

#filters li:hover, #filters li.active {
background: #800080 !important;
}

#filters li {
border: 1px solid #800080 !important;
}

.main-footer {
background: #800080 !important;
}

.footer .footer-line {
background: #710071;
}

.flex-caption-wrapper {
background: rgba(128, 0, 128, 0.53) !important;
}
.footer .contactform input[type=submit] {

background: #560056 !important;

}
.footer #searchform {
background-color: #560056 !important;
}
.bottom-footer-container {
background: #560056 !important;
}
.footer .contactform textarea {
background-color: #DA9CDA !important;
}
#menu li a {
color: #DA9CDA !important;
}

.footer .contactform input[type=text], .footer .contactform input[type=email] {
background-color: #DA9CDA !important;
}

.downarrowclass {
border-top-color: #DA9CDA !important;
}

 

Hi,

I have got your concern but didn't get the exact area you need a change, I just checked your site and found that you are using green styling.

If you can share the screenshots of the concerned areas with color name or code then, I will share the custom CSS with you.

You can use it in the theme.

Warm Regards!
Naveen Kolhe
InkThemes.com

 

The screen shots are shared above, in the original post. Currently I do not have the CSS applied because I have other members of the organization looking at it from an architecture standpoint. I am trying to change the text / button area in the sliders area:


And the background on the widgets space:

 

And also, what is the pixel size supposed to be for the slider images in the full page width mode? The dashboard management piece says 516X300, but that is only accurate when in the Default option.

 

Try images of 1760x700 in pixels there,

Regarding the caption heading and text, you can configure it easily from theme options slider settings however, changing button text would be done from source code.

You can make a request at [email protected] along with this thread URL, we will do the needful changes in your site.

To change the footer background, you can use following custom CSS in Custom CSS field located in Dashboard->Appearance->Theme Options->Styling Options

Code:

.main-footer {
    background: red;
}

You can put hexadecimal value of the desired code in the above code.

Warm Regards!
Naveen Kolhe
InkThemes.com

 

I will give this a go and let you know if I need your inhouse assistance. Thank you!

 

Welcome