Re-Position Of Credits

• 

  nich0lasmoore · Member · Sep 10, 2014 at 4:47 pm

  • Copy link
  • Add topic to favorites

  Good day. I have been trying to figure out how to re-position the WordPress and theme credits to the right side of my footer. Under my disclosure. I have been trying to figure out how to do this but keep failing. I am trying to learn some CSS. I have no problem moving objects that have ID’s but I am still struggling with objects that do not. I have been some what hesitant to ask because I would like an explanation so I might understand not just the code. But the code would also be appropriated!

  Please Note: In no way am I trying to hide the credits…

  This is what I have and it keeps failing:

  #footer-column Blog at WordPress.com > p.copy {
  left: Xpx;
  bottom: Xpx;

  }

  Thanks to whoever might supply an explanation!

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

• 

  nich0lasmoore · Member · Sep 10, 2014 at 4:50 pm

  • Copy link

  appreciated*

• 

  hallluke · Member · Sep 10, 2014 at 7:06 pm

  • Copy link

  Here’s the code you could use:

  #footer .copy {
    position:absolute;
    right:0;
    bottom:0;
    margin-bottom:0;
  }

  And here’s a description:

  First we target the element we want, the section with the site credits in has the class copy, and just to make sure we don’t accidentally mess with anything else with the same class I’ve also included the ID of the whole footer section (helpfully set to footer) as well.

  Then we set the position to absolute, this means we can move the element somewhere based on the first parent element that also has a position set. Luckily you’ve already set the footer div to relative positioning (without actually moving it), so we can use the following two rules to move it to the bottom right, finally we can remove the margin at the bottom so it lines up nicely with the section on the opposite side.

  Any questions, feel free to ask away!

• 

  nich0lasmoore · Member · Sep 10, 2014 at 7:14 pm

  • Copy link

  Thank you very much! The explanation is great! Thanks for taking the time to help.