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, 1 month ago.

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

    Herman
    Participant
    Post count: 89

    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

    anitac
    Participant
    Post count: 7036

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #45261

    Herman
    Participant
    Post count: 89

    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

    anitac
    Participant
    Post count: 7036

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #45325

    Herman
    Participant
    Post count: 89

    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

    anitac
    Participant
    Post count: 7036

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #45438

    braddalton
    Participant
    Post count: 8883

    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/

     


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #45492

    Herman
    Participant
    Post count: 89

    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, 1 month ago by  Herman.
    • This reply was modified 1 year, 1 month ago by  Herman.
    #45497

    braddalton
    Participant
    Post count: 8883

    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.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #45506

    Herman
    Participant
    Post count: 89

    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.