How to Remove White Panel-Top of Home Page (Under Photo)Lodestar Theme

• 

  kgscreatives · Member · Apr 3, 2017 at 9:00 pm

  • Copy link
  • Add topic to favorites

  Can you please give me the CSS code I need to remove the white space in the panel directly below the header on my site’s home page? (Under the Header Photo and above the text)

  The blog I need help with is: (visible only to logged in users)

• 

  wwwordpr · Member · Apr 3, 2017 at 10:21 pm

  • Copy link

  Hi!

  As far as I understand you can use this:

  .lodestar-intro {
      display: none;
  }

  Please check if it works correctly for you.

  Also you can ask your questions about CSS at the CSS customization part of the WordPress.com forums.

  Best regards,
  Olga

• 

  kgscreatives · Member · Apr 4, 2017 at 6:20 pm

  • Copy link

  Olga,
  Thanks soooooo much!! It worked. You did your good deed for the day!

  I just have one other question….how would you change the font color of the title (Barking Up The Wrong Tree?) on the home page from dark gray to black? One of the WP people gave me a code but it didn’t work.

  Thanks,
  Karen

• 

  wwwordpr · Member · Apr 5, 2017 at 8:54 am

  • Copy link

  You are welcome, Karen, glad that it worked :)

  As for the title – I’m not sure which one you actually asking about, because I can’t see your site (because of your privacy settings) so I’m kind of working in the dark )))

  My suggestion is that you are talking about site-title in the middle of the main photo. If so, you can use this:

  site-branding a {
      color: #000000;
  }

  Please let me know if it was not about this title.

  Best regards,
  Olga

• 

  kgscreatives · Member · Apr 5, 2017 at 2:11 pm

  • Copy link

  Olga,
  Thanks for your response. Actually, I was talking about the title before the text on the 1st page. It says “Barking Up the Wrong Tree?”

  Karen

• 

  dcoleonline · Staff · Apr 5, 2017 at 6:45 pm

  • Copy link

  Hi Karen,

  If you’re wanting to change this just on the front page of the site, you can replace this:

  .lodestar-front-page h2.entry-title {
  	color: #000000;
  }

  Instead of that, use this:

  .lodestar-front-page h2.entry-title {
      color: #000000;
      opacity: 1;
  }

• 

  kgscreatives · Member · Apr 5, 2017 at 6:51 pm

  • Copy link

  Thanks, dcoleonline! That problem is fixed.

• 

  dcoleonline · Staff · Apr 5, 2017 at 7:01 pm

  • Copy link

  Awesome! If you need anything else, feel free to start a new thread.