[Resolved] Different spacing layout on Front (static) page

[Bob]

Hi there

I’ve looked for a solution, but failed so I am asking for help…

I want to have different layout spacing for the front page versus all other Pages and Posts. So I want left and right spacing of ~25 for the front page, but ~100 left and right for other pages. I am trying to avoid putting e.g. /*<p style=”margin-left: 10%; margin-right: 10%;></p> */ in all the Pages (for each and every para…).

Do I need to include a frontpage.php in the child theme? Or is there a simpler solution?

I feel I missing something very obvious, apologies if I have.

Best

[Tom]

Hi Bob,

By spacing, do you mean the content padding? The spacing between your content and the edge of the your content container?

If so, set your global spacing using the Spacing add-on, then add this CSS to target your homepage:

.home.separate-containers .inside-article {
      padding-left: 25px;
      padding-right: 25px;
}

[Bob]

Great thank you. So easy when one knows how – knowledge is power!

Great theme, keep up the good work – very much appreciated.

Best

[Tom]

Glad you’re enjoying it! 🙂

[Author]

Posts