Setting 2nd page and after to be fully double layout

  • Resolved stevie2012

    (@stevie2012)


    4 years, 2 months ago

    Currently the Layout is set to “Double”.

    The first post of every page is a big “Single” layout.

    How do you set only the first page to be like normal and the 2nd page and there after to be fully “Double” for all the posts. Meaning I do not want the posts to be like a “Single” from second page and after.

    Does anybody know how to set it up?

    Normal Double Layout.

    |———–|
    | |
    |———–|
    | | |
    |———–|
    | | |
    |———–|
    | | |
    |———–|
    | | |
    |———–|

    2nd page and after I want like below
    |———–|
    | | |
    |———–|
    | | |
    |———–|
    | | |
    |———–|
    | | |
    |———–|
    | | |
    |———–|

    Any help would be appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter stevie2012

    (@stevie2012)

    Layout didn’t work as expected so resubmitting.
    Hope it works this time.

    Normal Double Layout.
    ｜－－－－－－－－－｜
    ｜　　　　　　　　　｜
    ｜　　　　　　　　　｜
    ｜　　　　　　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜

    2nd page and after I want like below
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜
    ｜　　　　｜　　　　｜
    ｜　　　　｜　　　　｜
    ｜－－－－－－－－－｜

    Theme Author Ben Sibley

    (@bensibley)

    Hey,

    Thanks for using Mission News!

    This ended being a lot more code than I expected, but if you copy and paste all of this into the Additional CSS section in the Customizer (Appearance > Customize), you should see the layout update the way you want:

    @media all and (min-width: 37.5em) {
	
  .layout-double.paged:not(.bbpress) .entry:first-child {
    width: 50%;
    float: left;
    border-bottom: none;
    padding: 0.75em 0;
    margin: 0;
    border-right: solid 1px #DCDCDC;
  }	
  .layout-double.paged:not(.bbpress) .entry:first-child .post-content {
    display: none;
  }
  .layout-double.paged:not(.bbpress) .entry:nth-child(2) {
    border-top: none;
  }
  .layout-double.paged:not(.bbpress) .entry:nth-of-type(even) {
    clear: none;
    padding: 0.75em 0 0.75em 0.75em;
    margin-left: -1px;
  }
  .layout-double.paged:not(.bbpress) .entry:nth-of-type(odd) {
    clear: left;
    border-left: none;
    border-right: solid 1px #DCDCDC;
    margin-left: 0;
    padding: 0.75em 0.75em 0.75em 0;
  }
}
    • This reply was modified 4 years, 2 months ago by Ben Sibley.
    Thread Starter stevie2012

    (@stevie2012)

    Dear Ben,

    Thank you so much!

    I was fiddling so much copying and pasting from the parent stylesheet to child stylesheet and editing them but it seems I had so much more extra code making them so buggy!

    And from your codes, I learned new things!

    I guess my friend will be glad to see it work in good action now!

    Theme Author Ben Sibley

    (@bensibley)

    Glad I could help ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Setting 2nd page and after to be fully double layout’ is closed to new replies.