Changing widget font size and layout

• 

  taharruri · Member · Jul 7, 2015 at 10:18 am

  • Copy link
  • Add topic to favorites

  Hello,

  I recently added a social media footer widget to my website and I would like to increase the font size of the widget title.

  I am also wondering if it is possible to:
  1) Enlarge the social media icons
  2) Have them display side-by-side
  3) Increase the width of the widget/ footer area

  Any help would be greatly appreciated!

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

• 

  darrellschulte · Member · Jul 7, 2015 at 12:00 pm

  • Copy link

  Hi taharruri,

  Increase those icons with this:

  .genericon-facebook, .genericon-twitter,
  .genericon-youtube {
      font-size: 36px;
  }

  and this will display the list elements horizontally.

  .footer-widget ul li {
      display: inline;
  }

  I suspect adjusting the footer width will cause issues if you add more footer widgets, but I think it should be fine if you stick with one.

  .col-1-4 {
      width: 33.47%;
  }

• 

  taharruri · Member · Jul 7, 2015 at 12:20 pm

  • Copy link

  Oh fantastic, you’re a star! Thanks so much. I don’t plan on adding other footers so that should work great :)

  As mentioned above, I also wanted to increase the font size of the widget title if possible. Any tips on that?

• 

  darrellschulte · Member · Jul 7, 2015 at 12:24 pm

  • Copy link

  You’re welcome. Try increasing the title with this:

  h6.footer-widget-title {
      font-size: 20px;
  }

• 

  taharruri · Member · Jul 7, 2015 at 4:11 pm

  • Copy link

  Fab, thanks!