Header Color

• 

  melvin876679820 · Member · Aug 6, 2020 at 4:50 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m seeking help updating a header color. On two specific pages, the color changes after the page is loaded.

  I’ve gone through so many CSS and PHP files (not all of them yet) and still cannot identify where this style is listed. Can you help me identify where else to look?

• 

  mrsnlchauhan · Member · Aug 6, 2020 at 4:54 pm

  • Copy link

  Hi @melvin876679820,

  Please share the link of the site you are seeking help for.

  Best :)
  Sunil Chauhan

• 

  melvin876679820 · Member · Aug 6, 2020 at 6:06 pm

  • Copy link

  Hi Sunil – it’s gaycity.org/resources

• 

  mrsnlchauhan · Member · Aug 7, 2020 at 5:15 pm

  • Copy link

  Hi @melvin876679820,

  Thanks for sharing the link.

  You need to turn off or override the following two inline-style in your index file on line no. 942

  #main-header {
  /* background: #3b53c9; */
  }

  #main-header.et-fixed-header ul {
  /* background: #3b53c9!important; */
  }

  You can find the line number 942 near the bottom of the page source code at the following link:
  view-source:https://www.gaycity.org/resources/

  Hope this helps you.

  Best :)
  Sunil Chauhan

• 

  mrsnlchauhan · Member · Aug 7, 2020 at 5:18 pm

  • Copy link

  Hi @melvin876679820,

  Just to add on my previous comment. You can view the page source code by pressing ctrl+U on your page in question i.e;

  https://www.gaycity.org/resources/

  Thanks

• 

  melvin876679820 · Member · Aug 7, 2020 at 9:05 pm

  • Copy link

  Hi @mrsnlchauhan

  The index file is extremely short, so I think the styling information is located in a separate file. I just can’t seem to find that file.

  Any suggestions on where else I could look?

• 

  mrsnlchauhan · Member · Aug 8, 2020 at 4:20 pm

  • Copy link

  Hi @melvin876679820,

  The best thing to do will be to just override the styles in your child themes style sheet.
  https://www.gaycity.org/wp-content/themes/Divi-Child/style.css?ver=4.4.0

  I can see that you have called in this div id #main-header at line no. 93 and tried to override the background property. The reason it is not working is that the placement of the ! important keyword is wrong.

  It should look like following:

  #main-header {
  background: #7a9f2e !important;
  }

  Best Regards
  Sunil Chauhan

• 

  melvin876679820 · Member · Aug 8, 2020 at 11:08 pm

  • Copy link

  Thank you for the edit. I applied that change, but it continues to be overridden by some other code. Are there some other things I could try?

• 

  mrsnlchauhan · Member · Aug 9, 2020 at 4:15 am

  • Copy link

  Hi @melvin876679820,

  The other place you can put the above code is in the following section from the WordPress Admin dashboard:

  Appearance > Customize > Additional CSS

  The CSS that is put in here is executed at the last and overrides every other.

  Try this. If it still does not work I recommend posting your issue in the open-source WordPress forum since you are using open-source WordPress hosted on Godaddy.

  https://wordpress.org/support/forums/

  This forum is meant only for the sites hosted with WordPress.

  Best Regards
  Sunil Chauhan

• 

  supernovia · Staff · Aug 11, 2020 at 2:33 am

  • Copy link

  Hi @melvin876679820, just chiming in here: you might also check with Divi support. I’m pretty sure the theme has a setting for that somewhere, which is likely why your CSS isn’t working.

  And then going forward, as Sunil pointed out, you’ll want to use the correct WordPress forums for self-managed sites:
  https://wordpress.org/support/forums/

  Good luck!