Icons horizontal vs. vertical

  • Author
    Posts
  • #1420982

    hi! i’m very new to css and would like to change my icons on the home page (inserted as image links) in the bottom right widget area to be horizontal vs vertical. any advice?

    http://carbivoreeats.com/

    The blog I need help with is carbivoreeats.com.

    #1421112

    mrdirby
    Member

    Hmm I just took a lot and this theme is coded in a way that is confusing to me. Maybe someone can explain why the widget title is inside the div for the first social icon. I can get it to work but it seems like this could be done better by the developer.

    Try this.

    .home-widgets #image-2 {
    float: left;
    }
    
    .home-widgets #image-3 {
    float: left;
    padding-right: 15px;
    margin-top: 58px;
    }
    
    .home-widgets #image-4 {
    margin-top: 58px;
    }
    
    .home-widgets #blog_subscription-7 {
    clear: both;
    }
    #1421196

    justpi
    Member

    @mrdirby: That’s where the title is supposed to be: it’s the title of that widget only. It’s just that pattithecarbivore wanted the three image widgets to look like one, so she didn’t add titles to the other two widgets.

    @pattithecarbivore: mrdirby gave you the solution, but when you want three icons in a row it’s simpler to use one text widget instead of three image widgets.

    #1421245

    mrdirby
    Member

    @justpi ok thanks. I didn’t consider there were three widget boxes.

    #1421256

    Thank you both!

The topic ‘Icons horizontal vs. vertical’ is closed to new replies.