Icons horizontal vs. vertical

• 

  pattithecarbivore · Member · Sep 4, 2013 at 5:02 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  mrdirby · Member · Sep 4, 2013 at 6:16 pm

  • Copy link

  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;
  }

• 

  justpi · Member · Sep 5, 2013 at 3:23 am

  • Copy link

  @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.

• 

  mrdirby · Member · Sep 5, 2013 at 1:57 pm

  • Copy link

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

• 

  pattithecarbivore · Member · Sep 5, 2013 at 2:30 pm

  • Copy link

  Thank you both!