Header/Footer Elements Color

• 

  osocuteecommercewebsite

  |

  Participant

  | February 9, 2018 at 9:38 pm

  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:

  Search Box

  Account Menu/Navigation

  Social Media Icons

  Wishlist Icon and Preview

  Shopping Cart Icon and Preview

  Main Menu Word Underline

  With regards to the footer, certain elements including (perhaps not limited to) remain a color other than desired:

  Text (2nd Column)

  Widget Header (All active widgets)

  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.

  Site URL: hidden

  Theme version: 4.18

  WooCommerce version: 3.3.1

  #184666 copied to clipboard
  

  Olga Barlow

  |

  Support staff

  | February 12, 2018 at 2:20 pm

  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 to clipboard
  

  osocuteecommercewebsite

  |

  Participant

  | February 20, 2018 at 10:18 pm

  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 to clipboard
  

  Olga Barlow

  |

  Support staff

  | February 21, 2018 at 10:57 am

  Ok, sure. Feel free to contact us.

  Regards

  #185778 copied to clipboard
Viewing 4 results
1 through 4 (of 4 total)