Prose Landing Page Padding

[PrimalToad]

I love the Prose theme but hate the padding on the landing page. I would love it if there was way less white space in between the text and the border for the landing page. How do I do this? An example of me using the landing page is PrimalToad.com/TPS. I woud love for it to look a little more like this: http://demo.studiopress.com/quattro/templates/landing/

Thanks in advance!

[Brad Dalton]

Paste this code at the end of your child themes style.css file:

.page-template-landing-php #wrap {
    background-color: #FFFFFF;
    border: none;
    border-radius: 5px 5px 5px 5px;
    margin: 10px auto;
    padding: 10px;
}

This will remove the border on all pages using the landing page template.

If you only want to remove the border from one specific page, use the page i.d which you can grab from the source code next to body classes.

.page-id-24822 #wrap {
    background-color: #FFFFFF;
    border: none;
    border-radius: 5px 5px 5px 5px;
    margin: 10px auto;
    padding: 10px;
}

---

Tutorials for StudioPress Themes.

[Brad Dalton]

That CSS code will actually need to be pasted into the special Prose Custom Code field for CSS (Not style.css) as Prose is a little bit different to other themes.

---

Tutorials for StudioPress Themes.

[PrimalToad]

That did remove the border but the border is a light grey and you can barely notice it.

I have a dark background. Is it possible to have less white space between the text and the background on the left and right like this? http://demo.studiopress.com/quattro/templates/landing/

[PrimalToad]

Any help?

[Brad Dalton]

I suggest you install Firebug and inspect the padding so you can learn how to change it.

This is the best way to learn how to customize the styling of your site.

---

Tutorials for StudioPress Themes.

[Author]

Posts