How To Add Email Subscriber Form?

Hi Craig,

We use the Genesis eNews plugin in all of our Theme Demos. You can download this plugin for free here – https://wordpress.org/plugins/genesis-enews-extended/

You won’t need any code to set it up. All you would need to do is install it, go to your Widgets page (WP Admin) and drag the Genesis eNews plugin over to the widget area you want to use it in. Inside the widget itself you’ll see the Fields where you can add in all your info.

There are quite a few tutorials out there that you can use if you have a specific Email Service you would like to use with it. If you’re using MailChimp for example, do a Google Search for “Genesis eNews MailChimp Tutorial” and you’ll see some Tutorials pop up that you can use.

Line 1499 of your theme .css:

.fp2 {
	background: #FF5722;
	clear: both;
	color: #fff;
	overflow:  hidden;
	padding: 60px 0;
}

BTW, when you use “inspect” any changes you make go away when you close the browser, or go to a different page. That is a safe way to try out different settings without “really” changing them. So if you want to decide a header color, you can “inspect” that area, and the color can be adjusted to whatever you want… save the “#000000” or other..to then actually put in your css.

@Craig did you get everything working ok?

You are asking the theme to change your image responsively, to the Iphone size?

Need to make a new image properly sized and resolution for your “small screen”. This means taking the “head shot” of you, and editing it to fit on the smalll screen and share that space with the text.

You do this by having different images loaded in your media library, and then “trigger” them to replace the full size “desktop” image. That desktop image resizes down to a point..but you get to a size reductin where your image simply won’t fit.

The easy way is to add this to the @media only section.

@media only screen and (max-width: 550px) {

.image-section, .image-section a   {
      background: url(http://YOUR IMAGE URL GOES HERE.png) no-repeat!important;
      background-position: center !important;
      background-size: contain !important;
      height: 100%;
      width: 100%;
  }

.front-page-1 .flexible-widgets  {
      background: url( http://andykev.com/wp-content/uploads/2017/01/Craig-Beckta.jpg) no-repeat!important;
      background-position: center !important;
      background-size: cover !important;
	  background-repeat: no-repeat;
      height: 100%;
      width: 100%;
  }

THe ABOVE IS CORRRRECT. I made a mistake copying the code. This will work for your site. I have left my URL here for you to see. Replace it with your URL when you upload the proper image to your media library. I simply downloaded your image and cropped it. You may want to play with the image to make it nice. As shown it’s pretty close.

I’ll go ahead and close this thread so we can continue here at this one – https://appfinite.com/topic/image-issues-on-front-page/#post-20443