How do I place rows of images on home page

[Herman]

I'd like to place 2 images at the top, 2 in the middle, then 3 at the bottom (before footer) on the home page (agency theme) at http://yourstrulyboutique.net

So far I'm using the welcome widget for the top ones and home left, home middle, and home right for the 3 images

Please advise

Thanks

http://http:http://yourstrulyboutique.net

[AnitaC]

You can continue to do the same thing for the other areas using the Visual Hook Guide and just change the hook - http://genesistutorials.com/visual-hook-guide/. You can then register 3 different widget areas or use CSS to float them in a row.

---

Need help with customization or troubleshooting? Reach out to me.

[Herman]

Thanks Anitac...so if I want to add a row containing 2 images under the welcome widget do I add an additional welcome widget?

[AnitaC]

You can and then float the two images - one left and one right.

---

Need help with customization or troubleshooting? Reach out to me.

[Herman]

Thanks..I ended up creating a home featured widget (as described here http://www.briangardner.com/home-widget-area-eleven40/)

then added 2 columns using col classes to add space between the 2 images.  I also added col classes to the welcome widget however the images are not aligned in the same way.

How do I align the images in both welcome and home featured widgets?

 

 

[AnitaC]

Oh, column classes will not respond in responsive mode the way you want. If I were you - I would install the Image Widget - http://wordpress.org/plugins/image-widget/. Use this for each image - drag over two image widgets and then use CSS to align them horizontally. You will need to use Firebug to see what class they are and then code the CSS from there.

---

Need help with customization or troubleshooting? Reach out to me.

[Brad Dalton]

Insert the images in a new post draft side by side and then copy and paste the HTML into your widgets.

Here's a video http://www.bobwp.com/how-to-easily-adjust-spacing-between-images/

 

---

Tutorials for StudioPress Themes.

[Herman]

Thanks for feedback.  Brad I viewed the video but didn't find the the advanced image editor in media manager.

I ended up using css padding to add space between images and text

<img src="http://yourstrulyboutique.net/wp-content/uploads/2013/06/DSC_3538-s1.jpg" /><img src="http://yourstrulyboutique.net/wp-content/uploads/2013/06/DSC_3676-t.jpg"
style="padding-left:140px";
padding-right:140px">
<br /><br />
<span style="padding-right: 300px">CASUAL</span> SHICK

Seems to work.

 

[Brad Dalton]

Hi Herman

Simply click each image after inserting into a draft post and click the small window to edit. Then you can use the Advanced settings which are included in the Core WordPress files for stuff like this.

---

Tutorials for StudioPress Themes.

[Herman]

I checked out how it works..thanks for the tip.

[Author]

Posts