Themeco Splash Page

Theme.co is using a very nice splash page. Sadly, they have made it custom and designed without using Cornerstone. If you love their splash page and want to copy it, now is your chance. I have spent a few minutes trying to mimic the page.

Theme Splash page

You can check it here: https://www.cstemplates.com/page-templates/themeco-splash/

Reminders:
To use this template, always remember to add this as Page template layout.

If you do have some content, it will be overwritten.

The Instructions


1] Upload and insert the template as a page template.

2] Include the custom css in the Settings Tab > Custom CSS.

The CSS


I also included the Google font that they are using in the css below. You can completely remove it if it is not necessary to your site’s design. I also added responsive block that removes the borders on smaller screens.

@import url('https://fonts.googleapis.com/css?family=Lato|Pacifico');

body #cs-content {
  font-family: 'Lato', sans-serif;
}

#cs-content .overlay {
  position: relative;
  overflow: hidden;
}

#cs-content .overlay:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  

  /* add your background color overlay here */
  background-color: rgba(0, 0, 0, 0.45);
}

@media(max-width: 767px){
  #cs-content .x-column {
    border: none !important;
  }
}

I would love to know if you guys love this template. You can message me in the comments below.

Leave a Reply

Your email address will not be published. Required fields are marked *