THEME DOCUMENTATION

Getting Started

1. Install concrete5 on your server

we asume that you have already install Concrete5. If you've not done yet then get latest copy from Concrete5.org Download page.

2. Unzip & Install the Package

Once your concrete5 install, then simply unzip the 'theme_breathe' package and place it in the root 'packages' directory within your install. Next, log in to your website and then click on 'Install' from under the 'Dashboard' menu. You will now see the 'Breathe Theme' package awaiting install; click 'install'. After several seconds a message should appear telling you the package has been successfully installed.

3. Activate the Theme?

Don't active the theme if you want this theme only on one page.

How to create Coming soon page?

  1. Create a new page - then visit created page. Then hover on "Edit" Button and click on "Design". You will See "Breathe theme" below "Page Types". Select "Breathe Theme" and then hit on "Save" button.
  2. Then refresh page so you can see applied theme. You will see black screen. Now theme is activated for this page.

How to add timer on Coming soon page?

  1. You are on "Coming soon" page, click on "Edit" button which is on top left corner of the screen.
  2. Now you can see two editable portion on screen one is "Section above timer" and another is "Section below timer" .. you are now confused where is timer :) , see next step you will find...
  3. Hover over on "Edit" button and click on "Properties" Link, then "Page Properties" dialog popup will open, click on "Custom Attributes" tab, now scroll down and left side you will see "Other" attributes. You will find "Coming soon date" attribute click on this attribute. And see right side you will get "Date field" , you can select date from calendar dropdown. After selecting date click on "Save" button, popup will gone and then refresh the page and you will see timer on the page.

How to add logo on Coming soon page?

  1. You are on "Coming soon" page, click on "Edit" button which is on top left corner of the screen.
  2. Hover over on "Edit" button and click on "Properties" Link, then "Page Properties" dialog popup will open, click on "Custom Attributes" tab, now scroll down and left side you will see "Other" attributes. You will find "Logo Image" attribute click on this attribute. And see right side you will get "Logo Image Browse Option" , now select your logo image and click on "Save" button, popup will gone and then refresh the page and you will see Logo on the page.

How to add "Phone, email and location"on Coming soon page as shown demo?

  1. You are on "Coming soon" page, click on "Edit" button which is on top left corner of the screen.
  2. Hover over on "Edit" button and click on "Properties" Link, then "Page Properties" dialog popup will open, click on "Custom Attributes" tab, now scroll down and left side you will see "Other" attributes. You will find "Footer Phone, Footer Email, Footer Address" attributes, Click on all attributes. And then see right side you will get "fields" , now insert "Phone, Email and Address" in empty field and click on "Save" button, popup will gone and then refresh the page and you will Phone, Email and Address in Footer on the page.

How to add Background Image on Coming soon page?

  1. You are on "Coming soon" page, click on "Edit" button which is on top left corner of the screen.
  2. Hover over on "Edit" button and click on "Properties" Link, then "Page Properties" dialog popup will open, click on "Custom Attributes" tab, now scroll down and left side you will see "Other" attributes. You will find "Background Image" attribute click on this attribute. And see right side you will get "Background Image Browse Option" , now select your background image and click on "Save" button, popup will gone and then refresh the page and you will see "Background Image" on the page.

What about "Section Above timer" & "Section Below timer"?

  1. "Section above timer" utilize to insert content above timer. You can add "Content" block and add H1 tag to highlight title like "Website Coming Soon" or "Website Under Construction".
  2. "Section Below timer" is editable section, you can use to introduce something...

How to change page background color, text color and link color and link hover color??

  1. Go to "Dashboard" and click on "Themes" link, now find "Breathe Theme" and click on "Customize" button. you will see options for background color, text color, link color and link hover color...