Outreach Pro – Home Bottom widget area – 3 per a row

Community Forums Forums Design Tips and Tricks Outreach Pro – Home Bottom widget area – 3 per a row

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  jmt 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #102128

    jmt
    Participant
    Post count: 1

    Outreach Pro
    How can I modify the Home Bottom widget area to display 3 widgets per a row instead of the default (4 widgets)?

    http://demo.studiopress.com/outreach/
    #102135

    Lauren @ OnceCoupled
    Member
    Post count: 513

    The following is in your CSS, you’ll want to change the width to accommodate 3 widgets only:

    .home-bottom .widget {
         float: left;
         margin-left: 2.564102564102564%;
         width: 23.076923076923077%;
    }

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #102337

    jmt
    Participant
    Post count: 1

    Thank you for your help

    As well as changing the values above you also need to change

    home-bottom .widget:nth-child(4n+1)

    the following worked for me.

    .home-bottom .widget {
    	float: left;
    	margin-left: 2.564102564102564%;
    	width: 31.276923076923077%;
    }
    
    .home-bottom .widget:nth-child(3n+1) {
    	clear: both;
    	margin-left: 0;
    }
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.