Forever Border

• 

  girlavantgarde · Member · Jul 3, 2012 at 1:59 am

  • Copy link
  • Add topic to favorites

  I’m having trouble finding the code to change the border on the forever theme from black to white.

  This is my blog: girlavantgarde.com
  I want to remove the black border around the middle. Anyone know how?

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

• 

  thesacredpath · Member · Jul 3, 2012 at 2:53 am

  • Copy link

  This is it.

  #page {
  border: 1px solid #FFFFFF;
  }

• 

  girlavantgarde · Member · Jul 3, 2012 at 11:47 pm

  • Copy link

  For some reason, that’s not working for me. Prior to that mine was set to #bbb, probably a grey shade. That code makes so difference. What could be wrong?

• 

  thesacredpath · Member · Jul 4, 2012 at 6:05 am

  • Copy link

  Hmmm, it works for me in Firebug on your site, but we will be a little more aggressive with it. Try this, and force refresh the preview page if you are using the CSS preview. Sometimes browsers do not pick up the CSS change and instead pull a cached page..

  #page {
  border: 1px solid #FFFFFF;
  }

• 

  girlavantgarde · Member · Jul 6, 2012 at 12:48 am

  • Copy link

  Worked!!! Thank you SO much. I have two other questions. (1)How do I fix the css so that my widgets are centered on the sidebar? and (2) Where is the code so that I can change the color of the page I am currently on?

• 

  girlavantgarde · Member · Jul 6, 2012 at 12:58 am

  • Copy link

  Sorry. Forget question 2. How do I remove the border from widgets using css code? Thanks again. So very appreciated

• 

  thesacredpath · Member · Jul 6, 2012 at 1:18 am

  • Copy link

  This gets rid of the vertical line between the sidebar and main content.

  #secondary {
  border: none;
  }

  If you also want to get rid of the line below the widget titles, add this also.

  #secondary .widget-title {
  border: none;
  }

• 

  girlavantgarde · Member · Jul 6, 2012 at 1:23 am

  • Copy link

  I am actually trying to remove the border from the images in my sidebar themselves. If you look at girlavantgarde.com , the images with the designed circles and the words “pinterest”, “Facebook”, “twitter”, and “bloglovin”. The black boxes surrounding those images.

  Additionally, I’d like them to be aligned in the center.

  Sorry, VERY new to this, as you can tell.

• 

  thesacredpath · Member · Jul 6, 2012 at 1:31 am

  • Copy link

  You can do this in the image code in the text widgets. After the opening <img tag, add the class and style information so it looks like below.

  <img class="aligncenter" style="border: none;"

• 

  girlavantgarde · Member · Jul 6, 2012 at 1:35 am

  • Copy link

  Thanks again

• 

  thesacredpath · Member · Jul 6, 2012 at 1:37 am

  • Copy link

  You are welcome.