Currently I am using the Serene theme which contains two featured areas in on the main landing page format. I was looking for a way to create a third featured area on the landing page format.
You can create a third featured area by following these steps:
Step 1: Go to THEME tab and click the Edit HTML/CSS button at the bottom left side, then click on main.less below STYLES on the left side (main_style.css in ASSETS folder for old themes).
Step 2: Click on landing.html (or the layout which you’re using for your landing page). Locate the lines of code shown in screenshot below.
Step 3: Make the copy of the code from featured_area or featured_area_2 and change its value like we marked here:
Step 4: Click on main.less below STYLES on the left side (main_style.css in ASSETS folder for old themes). Locate the code like we marked here (by using ctrl+F for Window or command + F for MAC):
Step 5: Make the copy from featured_area_2 and change its value like we marked here:
Step 6: Change the background_color, title color, paragraph color and font-size for featured_area_3 to your need.
Step 7: Save all your changes and hit Publish to see the result.
***Note: If this guide is too difficult for you, Please invite me as your site administrator then I’ll make those changes for you.
Please use my email email@example.com to invite.
Please login or Register to submit your answer