Prose Landing Page Padding

Community Forums Forums Design Tips and Tricks Prose Landing Page Padding

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  braddalton 1 year, 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #33002

    PrimalToad
    Participant
    Post count: 5

    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!

    #33056

    braddalton
    Participant
    Post count: 8797

    Paste this code at the end of your child themes style.css file:
    [css]
    .page-template-landing-php #wrap {
    background-color: #FFFFFF;
    border: none;
    border-radius: 5px 5px 5px 5px;
    margin: 10px auto;
    padding: 10px;
    }
    [/css]

    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.
    [css]
    .page-id-24822 #wrap {
    background-color: #FFFFFF;
    border: none;
    border-radius: 5px 5px 5px 5px;
    margin: 10px auto;
    padding: 10px;
    }
    [/css]


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #33060

    braddalton
    Participant
    Post count: 8797

    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.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #33124

    PrimalToad
    Participant
    Post count: 5

    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/

    #33411

    PrimalToad
    Participant
    Post count: 5

    Any help?

    #33442

    braddalton
    Participant
    Post count: 8797

    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.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.