13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

Help with modifying WP 2011 theme

by martyJames
11 replies
  • WEB DESIGN
    • |
Hi All

How can i reduce the space between the menu bar (home , about us etc) and the first line of text? Its a huge space and i want to reduce it. Any ideas much appreciated . Also , if there is a fix does it apply to posts AND pages

thanks

Marty
#2011 #modifying #theme
  • Profile picture of the author Sire
    Hey Marty, I think that would all depend on the theme you are using so it would probably be a good idea to include that in your post.
    {{ DiscussionBoard.errors[4525019].message }}
    • Profile picture of the author martyJames
      Hi, its the standard 2011 theme -the default WP theme when you install a WP site from scratch
      {{ DiscussionBoard.errors[4525053].message }}
  • Profile picture of the author Sire
    Sorry Marty, my mistake, I don't normally use the default theme so I didn't realise that was it. Personally I don't think it looks all that bad, the space that is. I wish I could help but I use a paid theme that is doesn't require me to know coding to change the appearance.

    I would assume that it has something to do with the CSS though. Sorry I couldn't be of any help.
    {{ DiscussionBoard.errors[4525089].message }}
  • Profile picture of the author Karen Barr
    Find the section of the stylesheet that starts like this:
    .entry-title {
    clear: both;
    color: #222;

    Change the last declaration of that section to read
    padding-top: 0px;

    This will move the header about 10 pixels higher on the page.
    I don't think you'd want to move it any closer as I think it would begin to look too crowded. I would say the sense of space is one of the strengths of that template.
    Signature
    Karen's QuickFire Marketing Blog
    {{ DiscussionBoard.errors[4525220].message }}
  • Profile picture of the author brianman
    Part 2 of your question is will it affect the pages and posts. I think so, because you will be changing the root CSS file, if you do as Karen says. As long as you change the body {} tag, you should be fine.
    Signature
    Atlanta SEO | Atlanta Search Engine Optimization | Atlanta Search Engine Optimization Consulting | Atlanta Website Design
    {{ DiscussionBoard.errors[4526117].message }}
    • Profile picture of the author martyJames
      Hi Karen and Brian

      Thanks for the replies. I tried it but it does not work for some reason . The space is larger (below the menu) for the pages (about one and a quarter inches ) than the post , where i think this worked- its only about half an inch space. So the problem is with the pages. Very frustrating !

      Any other suggestions much appreciated

      thanks

      Marty
      {{ DiscussionBoard.errors[4529868].message }}
  • Profile picture of the author ezbiz
    Maybe you need to look at the tag line for the type. Is it an h1, h2, h2, sub or which ever. Sometimes it's not the header padding, it could just be the type margin or inner page padding.
    Signature
    Build Instant Mobile Sites with MyMobi Builder - Easy As WordPress
    Mobile Website Builder
    {{ DiscussionBoard.errors[4530313].message }}
    • Profile picture of the author martyJames
      thanks. I dont know what going on. I did reduce the padding shown below from 1.625 (i think!) to 0. The space is different for the front post where the space is minimal compared to the pages wher , NOW its about 3/4inch , so bit better.

      /* =Content
      ----------------------------------------------- */
      .post .entry-utility, .post .entry-meta {display:none;}

      #main {
      clear: both;
      padding: 0.0em 0 0;
      }

      Hate to ask , but how do i reduce the space BELOW the title to the first line of content?

      Many thanks for the assistance

      cheers

      Marty
      {{ DiscussionBoard.errors[4531102].message }}
  • Profile picture of the author golfeasy
    you can look at the tag line
    {{ DiscussionBoard.errors[4532209].message }}
    • Profile picture of the author gaffg
      the coders here I think have answered but if you need future work try fiverr.com
      Signature
      http://gaffg.com - Gambling affiliate programs
      {{ DiscussionBoard.errors[4532289].message }}
  • Profile picture of the author golfsee
    it depend on your theme
    {{ DiscussionBoard.errors[4532399].message }}

Trending Topics