Add link to footer & adjust sidebar width: Able theme

• 

  signetadmin · Member · Jul 29, 2013 at 5:50 am

  • Copy link
  • Add topic to favorites

  Hi,

  I need to make a couple of tweaks to my blog’s appearance. I’m a CSS newbie but I do have the Custom Design upgrade.

  I need to move the link to the privacy policy (currently in the footer menu) so it’s inline with the WordPress site/theme credits in the footer, with a separator between (ie. Privacy policy | Blog at WordPress.com | Customized Able theme). I’ll then remove the footer menu altogether. Can someone please help me out with the correct code for the Able theme?

  I also need to reduce the padding-right value of the sidebar.

  Any help much appreciated!

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

• 

  mrdirby · Member · Jul 29, 2013 at 2:24 pm

  • Copy link

  For the footer menu.

  There is a footer menu in place for privacy and another element for the WordPress credits. Check widgets and make sure you don’t have a footer widget inserting the site info. Or it could be coded into the footer.php file.

  The class around the WordPress Credits is .site-info. So you could add those two items to your footer menu and display none on the site-info.

  .site-info {
display: none;
}

  The sidebar has a padding of 26px. If you add this to your css and change the second value then you can edit the space to the right.

  #tertiary {
padding: 26px 26px 26px 26px;
}

• 

  signetadmin · Member · Jul 30, 2013 at 12:44 am

  • Copy link

  That worked perfectly! Thanks so much for your help.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 30, 2013 at 1:49 am

  • Copy link

  @casualmagic: Your may have better luck with code formatting if you use backticks (the other symbol on the ~ key on most keyboards) to surround your code examples, rather than the tag.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 30, 2013 at 1:49 am

  • Copy link

  Oops, that was supposed to be the “code” tag, and of course the forums interpreted it as the actual tag.

• 

  mrdirby · Member · Jul 30, 2013 at 1:56 pm

  • Copy link

  @andrewcpht I don’t know why the br tags are showing there. It happens when I put a hard return inside the code tag. I was looking for a forum how to but didn’t find an explanation.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 30, 2013 at 2:15 pm

  • Copy link

  Yeah, for some reason, it happens with the code tag, but not with backticks. I’ve switched over to those, and it works just fine.

• 

  mrdirby · Member · Jul 30, 2013 at 6:20 pm

  • Copy link

  testing it out.

  .test {
  background: url(sweeturl.jpg);
  }