how to remove image borders in css

  • Author
    Posts
  • #1169967

    Hi,

    I would like to get rid of the borders around the images through css but I’m a kind of a newbie myself in these matters. Is there anyone that can help?

    The blog I need help with is www.mademoisellesophistique.be.

    #1170053

    supportbot
    Member

    The blog you specified at http://www.mademoisellesophistique.be does not appear to be hosted at WordPress.com.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

    #1170055

    To remove the borders from all of the images in the Forever theme, add this CSS:

    #masthead img, #featured-content img, #recent-content img, .entry-content img, .entry-thumb img, .comment-content img, .widget img {
          border: none;
    }

    Note that your site is not hosted here at WordPress.com. See http://support.wordpress.com/com-vs-org/ to learn about the differences. If you need further help, please ask in the volunteer forums at http://wordpress.org/support/theme/forever

    #1170063

    it worked! thank you so much.

    #1170254

    silverdear
    Member

    This is exactly what I am trying to do!
    I tried entering the above CSS into my masthead section but it’s not working. I entered the link for my image. Am I missing something!?

    http://www.silverdeardesign.com
    Still formatting the site so lots to do yet!

    Help! Thanks!

    #1170255

    silverdear
    Member

    resolved!
    pat on my back and yours!

    #1170256

    silverdear
    Member

    ugh – not resolved – appeared briefly but not sure how it went backwards…..please back to help – I am usually ok with CSS but I seem to be having a challenge with this when it seems so simple??

    #1170258

    I looked at http://www.silverdeardesign.com/ and I don’t see any images. Could you post a link to an example page showing an image you’d like to remove borders from?

    #1170259

    silverdear
    Member

    hi!
    It was the header image (logo area) I was trying to remove the borders and I managed to do it but have somehow lost the site’s mobile capabilities so now I have to turn off the mobile option for the site to view nicely on an iphone! I give up! lol

    Thanks!

    #1170263

    Don’t give up. :)

    The Forever theme is not a responsive theme, and turning it into one would take some work. You can do that if you work at it, but you might also consider starting with a theme that is responsive already. Here is a list:
    http://theme.wordpress.com/themes/features/responsive-width/

    Alternately, consider using the mobile theme. See this help page for details:
    http://en.support.wordpress.com/themes/mobile-themes/

    I think http://silverdeardesign.com/ is looking great so far. Keep going!

    #1170281

    silverdear
    Member

    Thank you!! I am still working on this! Trying Adelle theme – I am so used to Dreamweaver and visual editing! lol I guess its a work in progress!!

The topic ‘how to remove image borders in css’ is closed to new replies.