{"id":8163,"date":"2016-04-08T08:31:04","date_gmt":"2016-04-08T08:31:04","guid":{"rendered":"https:\/\/wpopal.com\/?p=8163"},"modified":"2016-04-08T08:31:04","modified_gmt":"2016-04-08T08:31:04","slug":"how-to-set-up-home-page-in-adela","status":"publish","type":"post","link":"http:\/\/dev.wpopal.com\/wpopal\/how-to-set-up-home-page-in-adela\/","title":{"rendered":"How to set up Home page in Adela"},"content":{"rendered":"

Hey guys,
\nToday in a series of Tutorials, as usual Opal WordPress<\/a> continues spending time guiding you How to set up Homepage in Adela<\/strong>. Why we choose Adela<\/a>? Because this theme has 9 different homepages and each subject has specific features and high functions. Therefore, we want to write a detailed guide about its installation so that you can\u00a0quickly build a home page more professionally and attractively. Hoping you will take a little time to follow our steps. Surely you won’t be disappointed.
\nFrom your Dashboard <\/strong>admin Navigate to Pages<\/strong>
\n– Select All Pages<\/strong> to see all page then click edit one page you want
\n– Select Add New <\/strong>to create new page<\/p>\n

One page always includes a lot of parts such as\u00a0Header, Main Page, Widget Sidebar and Footer<\/em>. In that section we guide you create Main page by using Visual Composer<\/strong>.<\/div>\n

A. How to use Visual Composer<\/h3>\n

1.<\/strong> Classic Mode<\/strong>
\nYou can insert code on this page\u00a0then Home page will be created automatically.<\/p>\n

\"home1\"<\/p>\n

2. Backend Editor Mode<\/strong>
\nYou can add elements of Visual Composer<\/strong> into your theme to build homepage layout impressively
\nStep 1<\/em>: Open Visual Composer then click icon to add Element<\/p>\n

\"image_3\"<\/p>\n

 
\nStep 2<\/em>: Select elements you want to add for your website<\/p>\n

\"elements\"<\/p>\n

For Example: We add Text Block and Single Image<\/p>\n

\"Visual<\/p>\n

 
\nStep 3<\/em>: Config some icons
\nChange the Row layout<\/strong> (number of columns)\u00a0you need to click the\u00a0second Icon from the left\u00a0then\u00a0select a layout or custom to make your own<\/p>\n

\"image_6\"<\/p>\n

Edit Element<\/strong>
\nPencil Icon\u00a0– To Edit Row, Column or Module you need to click the Pencil icon.<\/p>\n

\"image_7\"<\/p>\n

Duplicate Element<\/b>
\nPages Icon\u00a0– To Duplicate Row or Module you need to click the Pages icon.<\/p>\n

\"image_8\"<\/p>\n

Remove Element<\/b>
\nTrash Box Icon\u00a0– To Remove Row, Column or Module you need to click the Trash Box icon.<\/p>\n

\"image_9\"<\/p>\n

 
\nAbout Row \/ Column \/ Custom heading \/ Text Block Design options<\/b>
\nDesign Options\u00a0– When you edit row \/ column \/ custom heading \/ text block module, you can edit the design options<\/p>\n

\"image_10\"<\/p>\n

Row \/ Custom Heading \/ Text Block element have a\u00a0default Bottom Margin of 35 pixel, you may want to set it to 0 if you don’t want to have bottom space<\/p>\n

\"image_11\"<\/p>\n

It is\u00a0Good to add bottom Padding<\/strong> to your Column, so they will looks good on mobile<\/p>\n

\"image_12\"<\/p>\n

Left and Right Margin should NEVER<\/strong> be modified, please left blank<\/p>\n

\"image_13\"<\/p>\n

For\u00a0Row module\u00a0the\u00a0Left and Right Padding should also NEVER be modified, please left blank<\/p>\n

\"image_5\"<\/p>\n

3. Page Layout Setting<\/strong><\/p>\n