Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Forever Border

  1. girlavantgarde
    Member

    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 girlavantgarde.wordpress.com.

  2. thesacredpath
    Staff

    This is it.

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

  3. girlavantgarde
    Member

    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?

  4. thesacredpath
    Staff

    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;
}

  5. girlavantgarde
    Member

    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?

  6. girlavantgarde
    Member

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

  7. thesacredpath
    Staff

    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;
}

  8. girlavantgarde
    Member

    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.

  9. thesacredpath
    Staff

    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;"

  10. girlavantgarde
    Member

    Thanks again

  11. thesacredpath
    Staff

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags