Removing gray bar and adding links

• 

  marcosbhd · Member · Dec 31, 2013 at 2:30 am

  • Copy link
  • Add topic to favorites

  Hi,

  I bought the Custom CSS pack.
  I want to add links to the bottom of my page.
  I would like to remove the gray bar under each of my content in each page.

  Similar to his: http://joshidaniel.com/ (Contact | Subscribe | Archive)
  My page: marcosbhd.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  marcosbhd · Member · Dec 31, 2013 at 2:30 am

  • Copy link

  Any help would be greatly appreciated and thank you for your time!

• 

  justpi · Member · Dec 31, 2013 at 5:25 am

  • Copy link

  1) If you mean the numbered navigation links, this isn’t a CSS issue: the numbers will show once the number of posts you’ve published exceeds the number of posts per page that’s set in Settings > Reading.

  2) To remove the grey bar, paste this into the CSS editor:

  #posts .post-content {
   border-bottom: 0 none;
  }

• 

  marcosbhd · Member · Dec 31, 2013 at 5:35 am

  • Copy link

  @justpi – no I mean I want to add links to the bottom area where the copyright/blog @ wordpress.com is located.

• 

  marcosbhd · Member · Dec 31, 2013 at 5:42 am

  • Copy link

  Now that I removed the border how do I get rid of the space there?

• 

  justpi · Member · Dec 31, 2013 at 5:57 am

  • Copy link

  1) If you wanted to add plain text above the footer credits, this would be easy to do via CSS alone. Since you want links, you must first create them in a footer Text widget. After you add the widget, you can use CSS to modify it. (In joshidaniel’s case this was a very simple thing to do, since the added notice is the only footer widget; in your case it will involve restyling as well as repositioning.)

  2) What space exactly?

• 

  marcosbhd · Member · Dec 31, 2013 at 6:14 am

  • Copy link

  @justpi – once the border is gone the space remains if you look at my home page, the text that saws home | chi chapter the bottom has a slightly bigger space than the top.

  2. What would be the code to center the headers of the content in each page?

• 

  justpi · Member · Dec 31, 2013 at 6:36 am

  • Copy link

  The space is a bottom margin (nothing to do with the border). If you don’t like it, turn the above to this:

  #posts .post-content {
   border-bottom: 0 none;
  margin: 0;
  }

  To center the title on static pages as well as on the single post view, add this:

  #posts .postitle {
  text-align: center;
  }

  To center it on static pages only, add this instead:

  .page .postitle {
  text-align: center;
  }

• 

  marcosbhd · Member · Dec 31, 2013 at 6:52 am

  • Copy link

  Thank you for all your help!