Signal News App | Documentation by Osumstudio

Introduction

Item Name : Signal News App by Osumstudio
Item Version : v 1.0
Author : Osumstudio

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.

Requirements

You will need the following sofwares to customize this template.

Code Editing Software (eg: Dreamweaver, Sublime Text or Notepad)
Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
FTP Tool to upload files to Server (eg: FileZilla)

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Getting Started #back to top

Signal News App is premium app template in HTML5 for News, Magazines & Publishers with all possible screens. This will be helpful to create a native app and mobile website.

If you have a blog, and want best experience in mobile and tablet then this template is the best solution for you.

These templates are on Day/Night Color modes, so it’s easy to read for end users all the time.

Note: Buyers can request any page that they think needs to be added. We promise to add that requested pages in coming releases.

Features

HTML5 Based
55+ Pages
Dark/ Light Mode
Premium Designs based on App Standards
5 Colors Modes
Responsive
Retina Ready
Pull-to-refresh

What's Included

Once you have download the package you will see the following folder structure:

Installation#back to top

HTML and CSS knowledge is required to customize this template. You run this code uploading on a server. To install a template, you require just to copy the template files on your webserver. This can be done using your hosting provider custom interface or a FTP (File Transfer Protocol) software. Our recommendation is FileZilla. A regular HTML/CSS templates does NOT include a CMS (Content Management System) to edit/add content of the pages. All content can be edit using a HTML editor. HTML editors can be found free and as well paid online. Some modern HTML editors have a DESIGN view mode, it makes it easier for templates to be edit. Regular ones will let you edit the content only from the code mode, meaning you will need to have a HTML coding knowledge

Simple Html Code

Theme Styling #back to top

How can I add theme mode switcher?

How can I change the RTL Mode?

							<body class="main-home rtl-on">
							
							 ...
							</body>

How can I adapt the template to another color?

It is easy to apply color templates. All you need is just to add color-theme-[color] class to the required parent element. By default we have used blue color. It could be in body. For example:

							<body class="main-home button-blue">
							
							...
							</body>

To set custom color theme, you need to specify few variables in script:

Components #back to top

Cards Layout Type 1

							
								
									Storytelling that moves
 People around
								

								

									
										
									

									
										
											Olivia
										
										
											7 min read	
											2 June 2021

Cards Layout Type 2

							
								
									
										
									
									
										Short Story is a Piece of Prose Fiction
										
											Olivia
											
												7 min read
												
													TRAVEL

Video

Forms #back to top

Login Form


							
								
									
										
											
												
											
										
									
									
										
											
												
											
										
									
								
								
									Forgot Password?
									Log In
									or

Registration Form

Forgot Password Form


							
								
									
										
											
												
											
										
									
								
								
									Reset Password

Search Form

Search Content on Clicking Search Bar

Here we need to change some step:-
1. If you run this theme on the local then you need to change this path.
let host = "http://localhost/foldername/"
2. And if you run on server you need to change
else if (window.location.host === 'yourdomainname.com') {
host = 'https://yourdomainname.com/';

General FAQs #back to top

Is this template a WordPress Theme?
No. This is an HTML mobile template, but you are allow to convert it into a WordPress Theme.

Do you provide support?
Yes, I am available to provide support . I will be happy to help you if you have any questions, difficulties or need help with customization. Simple contact me via my Evanto Profile.

How can I adapt the template to another color?
By adding CSS class and minor css changes, everything is explained in the documentation.

Are images included?
No, images are for demo purpose only.

Files & Sources #back to top

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included css codes under /css folder/

1. bootstrap.min.css - Bootstrap 4 stylesheet
2. flickity.min.css - Flickity Slider stylesheet
3. owl.carousel.css - Owl Carousel stylesheet
4. style.css - Secondary Custom stylesheet
5. responsive.css - Responsive stylesheet

Included JavaScript

These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under /js folder/

1. bootstrap.min.js - Bootstrap JavaScript
2. flickity.min.js - Flickity Slider JavaScript
3. jquery.cookie.js - JavaScript For Cookies
4. jquery.min.js - JavaScript
5. owl.carousel.min.js - Owl Carousel JavaScript
6. script.js - Custom JavaScript

Sources and Credits

Font:
- Quicksand https://fonts.google.com/specimen/Quicksand?query=Quicksand
- Roboto https://fonts.google.com/specimen/Roboto
Icons
Images & Graphics:
- Elements Envato – https://elements.envato.com
- Unsplash – https://unsplash.com
- Pixabay – https://pixabay.com

Note: All the images are display only, not included in the main download package. All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.

Thanks for showing interest in our Signal News App. Should you have any additional questions, doubts or need support, please contact us via our envanto profile. Also feel free to suggest new pages that You think we need to add in our next release.

Signal News App by Osumstudio