Need help? Check out our Support site, then


Icons horizontal vs. vertical

  1. pattithecarbivore
    Member

    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.

  2. 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;
    }
  3. @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.

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

  5. pattithecarbivore
    Member

    Thank you both!

Topic Closed

This topic has been closed to new replies.

About this Topic