Return to previous page

Header/Footer Elements Color - by osocuteecommercewebsite

This topic has 4 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Olga Barlow

osocuteecommercewebsite

Participant

February 9, 2018 at 21:38
If possible, I would prefer to keep wp-admin (login) details confidential. Please leave this as last resort.

I am using the provided child-theme with no modifications to date.

Please refer to the following screenshots/website link provided for context.

Header Type

Header Screenshot #1

Footer Screenshot #1

I have gone through the 8Theme Options and modified all available/desired options (text/icons) to brown (#705d3a) color. The problem arises when certain elements in the header and footer remain in original/different colors than desired. There are also other elements across the website which remain a color other than desired.

With regards to the header, certain elements including (perhaps not limited to) remain a color other than desired:
With regards to the footer, certain elements including (perhaps not limited to) remain a color other than desired:
I have searched the existing support forum, unable to find a solution.

I do have prior knowledge of HTML and CSS. With respects to this, I have attempted to find the classes of certain elements and to implement custom CSS code. This endeavor was to no avail, and the problem persists.

I did attempt to implement the following code:
```
.header-vertical2.header-color-white .hamburger-icon span:before, 
.header-vertical2.header-color-white .hamburger-icon span:after,
.header-vertical2.header-color-white .hamburger-icon span {
    background-color: #ff0000;
}
.header-center3.vertical-mod.header-color-white .navbar-header .et-wishlist-widget i, 
.header-center3.vertical-mod.header-color-white .navbar-header .shopping-cart-widget .cart-summ .shop-text,
.header-center3.vertical-mod.header-color-white .navbar-header .header-search .search-btn {
    color: #705d3a;
}
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-2 .cart-bag:before, 
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-3 .cart-bag:before, 
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-4 .cart-bag:before {
    color: z#705d3a !important;
}
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-1 .cart-bag:before,
.header-center3.vertical-mod.header-color-white .shopping-container.ico-design-1 .cart-bag {
    border-color: #705d3a !important;;
}
```
This is an important project past deadline. Please reply ASAP. I have posted issues on this support forum in the past, and have not received any feedback at all. The support so far is much unlike advertised.

If you require any additional information or details, please do not hesitate to ask.

Thank You.
#184666 Copied Theme version: 4.18 WooCommerce version: 3.3.1
3 Answers
Olga Barlow

Support staff

February 12, 2018 at 14:20
Hello,

Ok, let’s solve your problems one by one.
1) Search Box – what exactly do you want to change: text color or icon color or border color?
2)Account Menu/Navigation
```
@media only screen and (min-width: 992px){
.header-wrapper.header-two-rows .languages-area .menu > li > a, .header-wrapper.header-two-rows .top-links ul > li > a {
    color: #705d3a;
}
.header-wrapper.header-two-rows .languages-area .menu > li > a:hover, .header-wrapper.header-two-rows .top-links ul > li > a:hover {
    color: #50432b;
}
}
```
3) Social Media Icons
```
.header-wrapper.header-two-rows .topbar-widget.etheme_widget_socials .et-follow-buttons a {
    color: #705d3a;
}
```
4) Wishlist Icon and Preview
```
.navbar-header .et-wishlist-widget a {
    color: #6e5c39;
}
.navbar-header .et-wishlist-widget a:hover {
    color: #705d3a;
}
```
5) Shopping Cart Icon and Preview – go to Theme Options > Header settings > Show zero number of cart items on label > on. After that reply back and tell me what icon color do you prefer and what color should be on hover.

6) Main Menu Word Underline
```
.header-color-dark .menu-wrapper .menu > li.current-menu-item > a:after {
    background-color: #ebbfc1;
}
```
Footer
7) Text color
```
.footer .footer-widget p {
    color: #6f5c3a;
}
```
8) Widget Header
```
.footer .widget-title, {
    color: #6f5c3a;
}
```
Regards
#184820 Copied
osocuteecommercewebsite

Participant

February 20, 2018 at 22:18

Thank you for your reply. I will be back to this topic as soon as further assistance is required. Not closed for now.

#185726 Copied

Olga Barlow

Support staff

February 21, 2018 at 10:57

Ok, sure. Feel free to contact us.

Regards

#185778 Copied
Tagged: color, elements, footer, friendly, header, seo, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)