Shorten 'padding'

Community Forums Forums Design Tips and Tricks Shorten 'padding'

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #40576

    yolohtzin
    Participant
    Post count: 28

    thanks – it worked – now i have a question – studiopress help told me to change size of padding this way:

    #about,
    #services {
    padding: 4rem 0;
    }

    Also, add this:

    #about h2 a,
    #services h2 a {
    color: #eee;
    }

    question is – what do i change it to – this is what it shows now – http://sunshinememoirs.com – i’d like it to be about half the height it is now – this is coding on site now:

    }

    #about,
    #services {
    background-color: #222;
    }

    #about,
    #services {
    padding: 64px 0;
    padding: 4rem 0;
    }

    #blog,
    #portfolio {
    padding: 64px 0 16px;
    padding: 4rem 0 1rem;
    }

    thanks – once i get this fixed up i should be able to start adding content

    to confirm – can I add this at bottom of page after editing in notepad
    i so much appreciate your help!

    Heather

    http://sunshinememoirs.com
    #40586

    braddalton
    Participant
    Post count: 9782

    You can add the CSS code at the end of the file or change the values in the current file location for the padding.

    So you could change this:
    [css]
    #about,
    #services {
    padding: 64px 0;
    padding: 4rem 0;
    }

    #blog,
    #portfolio {
    padding: 64px 0 16px;
    padding: 4rem 0 1rem;
    }
    [/css]

    To this:
    [css]
    #about,
    #services {
    padding: 32px 0;
    padding: 2rem 0;
    }

    #blog,
    #portfolio {
    padding: 32px 0 8px;
    padding: 2rem 0 0.5rem;
    }
    [/css]

    You will need to test this so it works to your satisfaction as this is simply a guide on how to change the values for the padding.

    I suggest you install the Firefox addon named Firebug and inspect the elements in question. This way you can change them in real time using your browser extension before you make the real changes in your child themes style.css file.

    Learn more about padding http://www.w3schools.com/css/css_padding.asp


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

You must be logged in to reply to this topic.