Okay
  Public Ticket #166447
Coming Soon / Maintenance Mode pages
Closed

Comments

  • Stefaan started the conversation
    Hi, I'm playing around with Salient on a MAMP setup here on my Mac before getting my site on the internet. For now I seem to be able to get most of the things I want out of the theme, except for two things. So, I was wondering if there is some easy way to make a Coming Soon page (maybe with a countdown and some signup form to a MailChimp mailing list) and a page which you could use when you set the site in Maintenance mode? Is that possible / easy to do with the things the theme already provides ? Or will I require plugins for that ? Regards, Stefaan
  •  1,086
    ThemeNectar replied

    Hey Stefaan,

    these items would indeed require plugins - since there's so many free & capable plugins out there for this, I didn't want to add the extra bloat by building it in.

    Cheers :)

  • Stefaan replied

    Hi Again,

    I think I have found something suitable, and I have even been able to integrate my MailChimp signup form in it for now. But there seems to be something wrong with one of the entry fields. If you have a look at http://www.whiskywithfriends.be you will notice that all fields except the Date of Birth field get displayed correctly, but that last one seems to be getting displayed strangely.

    I am actually not doing anything special … it's just a form, but this part seems to be acting strange :

    <p>

    <label>Geboortedatum:</label>

    <input type="date" name="MMERGE3" required="required" placeholder="dd-mm-yyyy">

    </p>

    From what I discovered it's the type="date" part which seems to be resulting in this strange issue. Setting it to type="text" causes the field to be displayed correctly. Not quite sure if changing the type to TEXT wouldn't cause any other problems later on though.

  •  1,086
    ThemeNectar replied

    Hey again!

    the date input type is simply not in the theme stylesheet (it's a newer input type) and i've noted to add it in for the next release. To get by for now add this into the Custom CSS box located in your Salient Options panel:

     
    input[type=date]  {
    	padding: 10px!important;
    	width: 100%;
    	border: 0px;
    	border-bottom: 1px solid #fff;
    	font-family: 'OpenSansRegular';
            font-size: 12px;
            line-height: 22px;
      	color: #555;
      	background-color: #ededed; 
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
           transition: all 0.2s linear;
    }
    input[type=date]:focus {
    	background-color: #e8e8e8;
    }
    
    Cheers :)
  • Stefaan replied

    Works as a charm … Thanks for the help.