Services shortcode lets you create services blocks in any page. To insert service follow the steps bellow.

1. Insert columns, lets say we want 3 services block in a row, we will create 3 column row with column shortcode.

2. Place the cursor in the column, open the service shortcode popup, fill in the data, you can add hyper link or button in services description to link particular page.

3. Repeat step 2 for multiple services and save the page.

Services example :

Web Design
Nunc tristique rutrum euismod. Quisque vestibulum, savvy car buyers are aware velit eget tincidunt egestas, dui est varius elit, sit amet ullamcorper lacus mi quis mi. Maecenas dapibus ipsum

Know More

Web Development
Duis pharetra ligula vel ipsum faucibus, id rhoncus lectus vestibulum. Nunc savvy car buyers are aware tempus, odio vel ornare congue, risus lectus adipiscing metus, sit amet tempus justo

Know More

App Development
A sodales lectus ultricies. Aenean consectetur diam vitae augue tincidunt fermentum eget savvy car buyers are aware id felis. Integer sed ligula eu erat pharetra rutrum. Sed id scelerisque

Know More

The code will look like :

[tx_row]
[tx_column size="1/3"]
[tx_services title="Web Design" icon="fa-trophy"]
Nunc tristique rutrum euismod. Quisque vestibulum, savvy car buyers are aware velit eget tincidunt egestas, dui est varius elit, sit amet ullamcorper lacus mi quis mi. Maecenas dapibus ipsum
<a href="#">Know More</a>
[/tx_services]
[/tx_column]
[tx_column size="1/3"]
[tx_services title="Web Development" icon="fa-dropbox"]
Duis pharetra ligula vel ipsum faucibus, id rhoncus lectus vestibulum. Nunc savvy car buyers are aware tempus, odio vel ornare congue, risus lectus adipiscing metus, sit amet tempus justo
<a href="#">Know More</a>
[/tx_services]
[/tx_column]
[tx_column size="1/3"]
[tx_services title="App Development" icon="fa-tablet"]
A sodales lectus ultricies. Aenean consectetur diam vitae augue tincidunt fermentum eget savvy car buyers are aware id felis. Integer sed ligula eu erat pharetra rutrum. Sed id scelerisque
<a href="#">Know More</a>
[/tx_services]
[/tx_column]
[/tx_row]

Dodaj komentarz