Couple things

• 

  thedenverealdeal · Member · Aug 23, 2016 at 9:45 pm

  • Copy link
  • Add topic to favorites

  1) I have a few grids on some of my pages that link to other websites. It bothers me that they are different sizes. I cannot edit the length of the website so how do I even these out?

  2) How do I center the contact info and my social media icons on the bottom of my page?

  3) How do I center the pictures at the top pf my pages?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 24, 2016 at 7:45 am

  • Copy link

  I would suggest linking text instead of just inserting the link for one thing. That should allow you to keep the grid sections the same length. Also, try and keep the title similar in length if you can. On your Home Inspiration page you have two with a two-line title and one with a single line title. Of course whether they are one or two lines, also depends on browser window/screen width as well. Making your links in the grid items into text links will help out I’m pretty sure. Give it a try and see how that goes.

• 

  thesacredpath · Member · Aug 24, 2016 at 7:56 am

  • Copy link

  On the contact and social, you have two things with vastly different widths, and the footer widget area is designed for three widgets. We can set the widget widths to something closer to 50% with the below (greater than 44 and the widgets stack).

  .footer-widgets {
      width: 44%;
  }

  As you will see, your social icon widget still takes up far less space. We can increase the size of the icons and add some additional margin to make them take up more space with the following. See what you think with this.

  .genericon {
      font-size: 50px;
      padding-left: 30px;
      padding-right: 30px;
  }
  .second.footer-widgets li a {
      text-align: center !important;
  }