Moving tags and username in Vigilence theme

• 

  nrahaim · Member · Sep 22, 2011 at 7:32 pm

  • Copy link
  • Add topic to favorites

  Hello wordpress world,

  I am trying to move the username and the tags from the top of the post to the post-footer. I am beginning to feel this may not be possible. When I look at the CSS I see the tags selector appears above the post body. When I move it to the post-footer, nothing changes. Also, I cannot find where the username selector appears in the CSS.

  Many thanks!

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

• 

  thesacredpath · Member · Sep 22, 2011 at 9:14 pm

  • Copy link

  The site linked to your username, http://nrahaim.wordpress.com/ has been deleted.

  nrahaim.wordpress.com is no longer available.

  The authors have deleted this blog.

  We need a link to the site you are talking about.

• 

  nrahaim · Member · Sep 23, 2011 at 2:38 pm

  • Copy link

  Oppss…I’m surprised my login name is still linked to that address. The correct address is
  nickrahaim.wordpress.com.

  Many thanks!

• 

  thesacredpath · Member · Sep 23, 2011 at 5:25 pm

  • Copy link

  Give this a try, but positioning of elements can sometimes be a little tricky.

  .post {
  position: relative;
  }

  .meta {
  bottom: 10px;
  position: absolute;
  width: 100%;
  }

  .post-footer {
  margin: 70px 0 30px;
  }

• 

  thesacredpath · Member · Sep 23, 2011 at 5:26 pm

  • Copy link

  Rats! I forgot my code tags. Use the following.

  .post {
  position: relative;
  }
  
  .meta {
  bottom: 10px;
  position: absolute;
  width: 100%;
  }
  
  .post-footer {
  margin: 70px 0 30px;
  }

• 

  nrahaim · Member · Sep 23, 2011 at 8:34 pm

  • Copy link

  Great! Thank you very much. Now just one more quick question.

  I’m getting a bit lost in the CSS trying to add padding between the thin gray double line that divides the header and body of the post. At this point there doesn’t seem to be any padding between that line and the body text and images.

  Thanks again!

• 

  designsimply · Member · Sep 24, 2011 at 5:41 pm

  • Copy link

  You can add extra spacing below the #header in the Vigilance theme with a bottom margin:

  #header {
      margin-bottom: 10px;
  }

  Side note: if you go to the Users → Personal Settings page, you can update the Website field and it will fix the link your username points to in the forums.