Country:
State:
City:
Latitude:
Longitude:
IP:
This page will help you understand how to implement the styles within the site easily by going into the code to edit a specific value without needing the knowledge of CSS.
To edit the styles on a particular content block goto View > Source Code or select the following button
Content Snippet Demos
Goto this page for a list of all the content snippets created for this site.
To apply the content snippets, drag and drop any content snippet from the snippet window on the left. You can also use the toolbar Template > Insert Template
Note:
- Expandables and tabs do not have this feature, so if you need to drop a snippet that you want to use for the expandables, you'll need to copy and paste the snippet from the editor first.
- If a content snippet is changed on the site, this will not get applied to all snippets that are being used, if you need a snippet changed, this can be found under Settings > Website > Content Templates
Border top Style
All heading styles are styled by default, if you are using a content snippet that has a particular style and you would like to change it, these have most likely been styled already for your benefit.
For example a heading style or any element with this style applied to it can be changed when applying the below:
To change the width of the top bar, look for the value data-width="100" you may change this variable to any multiple of 10. Any number below will work.
10, 20, 30, 40, 50, 60, 70, 80, 90, 100
This will change the percentage that the width of the bar is styled at.
| <h1 data-width="100">About Little Icons</h1> |
Sliders
To use a slider, there are a couple of steps that'll make this work with customized content. A working example is below:
Step 1
Insert a new block element called Expandables
Step 2
When this window pops up, select tabs
Go to Advanced Styling
Add littleicons-slider to the classes box
