Widget padding

Homepage › Community Forums › Aspire Theme Support › Widget padding

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 17, 2017 at 12:09 pm #20904
    CathyR
    Customer

      Is there a way to adjust the padding in the main widget areas on the home page. ie. less white space above and below.

      March 21, 2017 at 12:59 am #20944
      Wes
      Moderator

        Yes this can definitely be done from the CSS. Do you have a link to your site? If you can point to a specific section then I can tell you which line you’ll need to edit as an example.

        March 21, 2017 at 9:10 pm #20954
        CathyR
        Customer
          This reply has been marked as private.
          March 23, 2017 at 12:38 pm #20963
          Wes
          Moderator

            Search for this around line 1727 in your style.css – 

            /* Flexible Widgets
--------------------------------------------- */

.flexible-widgets {
	padding: 140px 0 120px;
}

            140px – Top Padding

            0 – Left and Right Padding Together

            120px – Bottom Padding

            However much padding you add to the top, make sure and add just as much to the bottom.

            March 27, 2017 at 5:14 pm #20986
            CathyR
            Customer

              Okay thanks Wes, I will give that a try. Is there a way to adjust the widget areas individually on the hom page. Widget areas 6 and 10 are showing up with a bit more space top and bottom that I would like. Thanks.

              March 28, 2017 at 1:54 am #21002
              Wes
              Moderator

                Yep, try adding this to your CSS so it can separate those widgets individually from the rest – 

                .front-page-6 .flexible-widgets {
	padding: 140px 0 120px;
}

                That’s the default padding for one of the main div containers holding the FP6 content. You can adjust the Top – 140px and Bottom 120px to whatever size you want.

                Then add FP10 like this – 

                .front-page-10 .flexible-widgets {
	padding: 140px 0 120px;
}
                March 30, 2017 at 12:08 pm #21009
                CathyR
                Customer

                  Thank you Wes, this worked perfectly!!

                  March 31, 2017 at 3:10 am #21020
                  Wes
                  Moderator

                    You’re Welcome!

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Widget padding’ is closed to new replies.