Adding shadow to text in "Hero Text" section of Gateway Theme

• 

  jbstrategiccom · Member · Jul 11, 2015 at 12:22 am

  • Copy link
  • Add topic to favorites

  Hi there – I’m trying to insert a text shadow around hero header text in the Gateway theme. I don’t know what I’m doing but yoinked this code from one of the forum posts here:

  .hero {
  text-shadow: 100px 100px 100px #666666;
  }

  It doesn’t work. please help?

• 

  jbstrategiccom · Member · Jul 11, 2015 at 12:35 am

  • Copy link

  Rather; a shadow around the designated “Hero Title” words in Gateway.

• 

  thesacredpath · Member · Jul 11, 2015 at 1:41 am

  • Copy link

  Hi there, I see the following custom CSS to add a text shadow to the hero section title.

  .hero-title {
      text-shadow: 0 4px 7px rgba(0, 0, 0, 1) !important;
  }

  Great job!

• 

  thesacredpath · Member · Jul 11, 2015 at 1:43 am

  • Copy link

  Actually I was wrong. I’m not seeing anything in the hero section on your site right now. That div is empty. If you add something in there, and the code you have doesn’t work, please let me know.

• 

  jbstrategiccom · Member · Jul 11, 2015 at 1:53 am

  • Copy link

  Oh, thescaredpath, I have made a mess of it, but I think I figured it out! It’s a hidden one with “Three” as the starting word. Can you see it?

  I tried it two different ways to optimize responsiveness based on a smash-up of code that somehow happened to work. Is this ok?
  .hero-title {
  text-shadow: 0 4px 7px rgba(0,0,0,1.0) !important;
  }

  .site-title {
  text-shadow: 0 4px 7px rgba(0,0,0,1.0) !important;
  }

  Along the same lines, I’m having a lot of difficulty removing the space from above the headline on my homepage (the page itself), that starts with “…”. It’s such a huge and awkward visual gap!

• 

  thesacredpath · Member · Jul 11, 2015 at 2:12 am

  • Copy link

  You mean the title where it says, “Three Week Listing”? That one I see and I see it with a shadow. The code you have works.

  On the space above your …Sell Any… add the following and see what you think.

  .home .site-content {
      margin-top: 0;
  }