7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

CSS Stylesheet, help making space between title and post smaller

by Susan Hope
5 replies
  • WEB DESIGN
    • |
Can anyone tell me which bit of the css I need to edit to make the space (line spaces) between any header (page or post) and the beginning of the content of that page or post please.

This is in the "flexsqueeze" theme. I tried editing this bit:

PHP Code:
.posthead h1 {
 margin:0px;
 padding:8px 8px 8px 15px;
 background-color: #FFF;
 font: normal 22px/26px Georgia;
 border-bottom: solid 1px #EEE; 
Which is in the /*-- Begin page content CSS --*/ section - I changed the padding 15px to 10px and nothing seemed to happen, so I changed it back again.

Anyone point me in the right direction please?

Thanks for any help
Sue
#css #making #post #smaller #space #stylesheet #title
  • Profile picture of the author Minisite Nerd
    Originally Posted by SusanneUK View Post

    Can anyone tell me which bit of the css I need to edit to make the space (line spaces) between any header (page or post) and the beginning of the content of that page or post please.

    This is in the "flexsqueeze" theme. I tried editing this bit:

    PHP Code:
    .posthead h1 {
         margin:0px;
         padding:8px 8px 8px 15px;
         background-color: #FFF;
         font: normal 22px/26px Georgia;
         border-bottom: solid 1px #EEE; 
    Which is in the /*-- Begin page content CSS --*/ section - I changed the padding 15px to 10px and nothing seemed to happen, so I changed it back again.

    Anyone point me in the right direction please?

    Thanks for any help
    Sue
    Sue,

    The padding goes clockwise starting at the top so the padding is - top. right, bottom, left.

    So to make more or less space you should adjust the first 8px code.
    {{ DiscussionBoard.errors[795591].message }}
    • Profile picture of the author Susan Hope
      Originally Posted by Minisite Nerd View Post

      Sue,

      The padding goes clockwise starting at the top so the padding is - top. right, bottom, left.

      So to make more or less space you should adjust the first 8px code.
      Ah, thank you very much, learnt another thing today

      I will go try that now.

      Cheers
      Sue

      PS hopefully it means I was at least looking in the right place LOL
      Signature
      One-to-One WordPress Coaching Service Available at Low Hourly Rate - Let the frustration end now! WordPress Installs, Theme Design, Site Tweaks & other WordPress services available
      Find me on Pinterest: PINTEREST
      {{ DiscussionBoard.errors[795615].message }}
      • Profile picture of the author Minisite Nerd
        Originally Posted by SusanneUK View Post

        Ah, thank you very much, learnt another thing today

        I will go try that now.

        Cheers
        Sue

        PS hopefully it means I was at least looking in the right place LOL

        Yeah....hopefully it is what you were looking for. Test both the first and the third... if it's no one, it's likely the other.
        {{ DiscussionBoard.errors[795627].message }}
        • Profile picture of the author Susan Hope
          Originally Posted by Minisite Nerd View Post

          Yeah....hopefully it is what you were looking for. Test both the first and the third... if it's no one, it's likely the other.
          Your advise was defo what I was looking for, however, I was in slightly the wrong place but I found it, I needed to change the first 15px in this part:

          PHP Code:
          #content .postcontent {
                     padding:15px 15px 0px 15px;
                     line-height:18px;
                     color: #333; 
          Which worked a charm, so thanks again.

          Sue
          Signature
          One-to-One WordPress Coaching Service Available at Low Hourly Rate - Let the frustration end now! WordPress Installs, Theme Design, Site Tweaks & other WordPress services available
          Find me on Pinterest: PINTEREST
          {{ DiscussionBoard.errors[795666].message }}

Trending Topics