how to remove image borders in css

mmesophistique2 · Member · Mar 2, 2013 at 5:51 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
supportbot · Member · Mar 2, 2013 at 5:51 pm
Copy link
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.
designsimply · Member · Mar 2, 2013 at 7:24 pm
Copy link
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
mmesophistique · Member · Mar 2, 2013 at 8:09 pm
Copy link
it worked! thank you so much.
silverdear · Member · Mar 11, 2013 at 1:50 am
Copy link
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!
silverdear · Member · Mar 11, 2013 at 2:14 am
Copy link
resolved!
pat on my back and yours!
silverdear · Member · Mar 11, 2013 at 2:44 am
Copy link
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??
designsimply · Member · Mar 11, 2013 at 7:07 pm
Copy link
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?
silverdear · Member · Mar 11, 2013 at 10:40 pm
Copy link
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!
designsimply · Member · Mar 19, 2013 at 8:25 pm
Copy link
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!
silverdear · Member · Apr 10, 2013 at 1:14 am
Copy link
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!!

No items found.