Gateway theme – opacity box with content

• 

  theglobalnative · Member · Feb 3, 2016 at 4:22 pm

  • Copy link
  • Add topic to favorites

  Can I put a transparent box with content over the image on the home page?

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

• 

  thesacredpath · Member · Feb 3, 2016 at 11:26 pm

  • Copy link

  I don’t see that you have the Custom Design upgrade on the site you reference. You can try out and preview custom CSS before you buy as explained here.

  First thought is that you can add additional content at Customize > Theme Options > Homepage above your Sign Up button. To add a background to that area would require custom CSS such as this example.

  .home .hero-section .hero-content {
      background: rgba(0, 0, 0, 0.3);
  }

  We could also use CSS to add some additional text below the We are fundraising title.

  .home .hero-section .hero-title {
      background: rgba(0, 0, 0, 0.3);
  }
  .home .hero-section .hero-title:after {
      content: "This is some text added after the title";
      display: block;
      font-size: 40%;
      padding-bottom: 10px;
      color: #cc0000;
  }