Additional row of the "main-wrapper"

Inspired by another thread in here, I've managed to duplicate the main-wrapper code, so I have now two rows each containing of 3 topics.

However, I'm not the great php-wizard, so I'm having a bit trouble with manually changing the information in the new row (for now it's a copy of the first row). Also, I can't manage to remove one or two of the topics, so the page only shows one or two topics.

Thank you in advance for help.

 

Hello,

Could you please clarify your issue little more and also share the link of your website.

Thanks & Regards
Gourav Shrivastava

 

Hello Gourav,

the link is: http://www.smvmarketing.dk/wordpress/

As you can see, I have got two rows consiting of duplicate information. My goal is to add indiviual information in the lower row - different icons and headline. Also, I would like the distance between the rows to be aligned, so they are shown in a uniform matter on a mobile phone.

 

Hello,

Firstly undo your customization, then go to front-page.php present in your theme directory and add the code given below

Code:

<div class="grid_sub_8 sub_alpha">
     <div class="page-item first-item view view-ninth">
   
     <a href="ENTER URL FOR HEADING1 HERE"><h1>ENTER YOUR HEADING1 HERE</h1></a> 
 
<a href="ENTER URL FOR IMAGE1 HERE"><img class="effect" src="ENTER YOUR IMAGE ADDRESS HERE" alt="Feature Image 1"/></a>
<div class="mask mask-1"></div>
                    <div class="mask mask-2"></div>
 
                    <p>ENTER YOUR TEXT HERE</p>
           </div>
     </div>
     <div class="grid_sub_8 sub_middle">
     <div class="page-item item-two view view-ninth">
     
     <a href="ENTER URL FOR HEADING2 HERE"><h1>ENTER YOUR HEADING2 HERE</h1></a>
 
<a href="ENTER URL FOR IMAGE2 HERE"><img class="effect" src="ENTER YOUR IMAGE ADDRESS HERE" alt="Feature Image 2"/></a>
                   <p>ENTER YOUR TEXT HERE</p>
      </div>
     </div>
     <div class="grid_sub_8 sub_omega">
     <div class="page-item last-item view view-ninth">
      
<a href="ENTER URL FOR HEADING3 HERE"><h1>ENTER YOUR HEADING3 HERE</h1></a>
 
<a href="ENTER URL FOR IMAGE3 HERE"><img class="effect" src="ENTER YOUR IMAGE ADDRESS HERE" alt="Feature Image 2" alt="Feature Image 3"/></a>
 
                    <p>ENTER YOUR TEXT HERE</p>
              </div>
     </div> 

Check image for reference

Thanks & Regards
Gourav Shrivastava

 

Worked like a charm!

Thank you very much.