How do I place rows of images on home page

Community Forums Forums General Discussion How do I place rows of images on home page

This topic is: not resolved

This topic contains 9 replies, has 3 voices, and was last updated by  Herman 1 year, 6 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #45147

    Herman
    Participant
    Post count: 91

    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
    #45160

    AC
    Blocked
    Post count: 7712

    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.

    #45261

    Herman
    Participant
    Post count: 91

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

    #45296

    AC
    Blocked
    Post count: 7712

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

    #45325

    Herman
    Participant
    Post count: 91

    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?

     

     

    #45357

    AC
    Blocked
    Post count: 7712

    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.

    #45438

    braddalton
    Participant
    Post count: 10667

    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/

     


    #45492

    Herman
    Participant
    Post count: 91

    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.

     

    • This reply was modified 1 year, 6 months ago by  Herman.
    • This reply was modified 1 year, 6 months ago by  Herman.
    #45497

    braddalton
    Participant
    Post count: 10667

    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.


    #45506

    Herman
    Participant
    Post count: 91

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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.