Acele Documentation

TOP
All HTML changes will be made in files with .html extension
All CSS changes will be made in file css/style.css
Theme contain also SCSS files. You can edit this files but in this case is needed a SASS compiler to generate a new CSS file
For each case I presented a single example. If a section have multiple items you can to apply my example for each item
All Javascript changes will be made in file js/main.js
To simply change images, just replace grey images with new images in folder "img" (keep same name for all images)
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

## + HTML - Hero

Changes:

- app image → Change "hero_ui.png" with your image name

## + HTML - Fun Facts

Changes:

- numbers → Change "17" and rest of numbers with your numbers

## + HTML - Screenshots

Changes:

- data-cycle-timeout="7000" → This is time on top for a app screen(7000 = 7 second)
- New slide / app screen → Copy-Paste "row screen" div (then edit image & text)

## + HTML - Testimonials

Changes:

- data-cycle-timeout="7000" → This is time on top for a app screen(7000 = 7 second)
- New testimonial → Copy-Paste "testimonial" div (then edit image & text)

## + HTML - Questions

Changes:

- I highlighted one panel → If need one more panel make a copy of this and insert code below last panel
- id="headingOne" → Here is ID for panel title and must be different for all panels(For new panels add next id: headingFive or headingSix .. etc)
- aria-labelledby="headingOne" → Here is same like panel title id
- id="collapseOne" → Here is ID for panel text and must be different for all panels(For new panels add next id: collapseFive or collapseSix .. etc)
- href="#collapseOne" → Here is same like panel text id

## + HTML - Download

Changes:

- Download links → Change "#" with your link

## + HTML - Buttons

Acele buttons styles

- New button → To add new buttton on page add HTML a tag with class="btn_acele" and with a second class like you can see in image with HTML code

Buttons for BLUE versions
Buttons for RED versions
Buttons for PURPLE versions

## + CSS - Hero

Changes:

- Change hero background image → Change "url" link between parenthesis with your image link
- Like above you can change background image for: Fun Facts / Screenshots / Video / Download → For each section search helper comment and then can easy find url for image

## + CSS - Hero Shape

Changes:

- Change / Remove hero shape → Change / Remove "url" link between parenthesis

## + CSS - Video Vimeo

Changes:

- Change video → Change link of "src"
- Second shape highlighted is for help → Default video platform is vimeo. So if you want to use a vimeo video just change "src"(check above row info)

## + CSS - Video Youtube

Changes:

- Change video → Change link of "src"
- Second shape highlighted is for help → Default video platform is vimeo. So if you want to use a youtube video change "src"(check above row info) and then replace vimeo pattern with youtube pattern(second shape highlighted)