Removing image border in Matala theme

kelliehillmedia · Member · Sep 28, 2011 at 12:04 pm
Copy link

Add topic to favorites
Hi,

Im using the Matala theme. When I include an image in my posts and publish, an automatic beige border appears around the image. I want to remove this. I have CSS upgrade and have tried a number of codes and also checked the settings when uploading the image but haven’t had much luck. Can anyone help?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 28, 2011 at 5:19 pm
Copy link
The site linked to your username is wearing Bueno. We need a link to the site you are talking about please.
designsimply · Member · Sep 28, 2011 at 5:44 pm
Copy link
You can see the beige border around images as part of the Matala design on the demo page: http://matalademo.wordpress.com/

Those borders are set with this code:
```
img.alignleft, img.alignright, img.aligncenter, img.alignnone, .post-thumbnail {
	background: #E2DBD1;
	border: 1px solid #D1BFA6;
	max-width: 100%;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 3px;
}
```
If you just want to remove the colors, you could add something like this to your Appearance → Custom Design → CSS page:
```
img.alignleft, img.alignright, img.aligncenter, img.alignnone, .post-thumbnail {
	background: none;
	border: none;
}
```
designsimply · Member · Sep 28, 2011 at 5:51 pm
Copy link
Missed a piece before. If you want to take away the border around images in Matala for captioned images too, you’d need to add those selectors in, like this:
```
img.alignleft, img.alignright, img.aligncenter, img.alignnone, .post-thumbnail, .wp-caption img, .entry .wp-caption img {
	background: none;
	border: none;
}
```
kingsgalleryhk · Member · Sep 29, 2011 at 6:31 am
Copy link
Would you please also advise how to change the background (the graphic layer) but keeping the tear sheet design for button and mouseover pencil mark? Besides, is it possible to remove post date and author’s name on each post?
thesacredpath · Member · Sep 29, 2011 at 7:17 am
Copy link
See this other thread which will list all the different images that make up the Matala theme. The torn navigation background is a separate image and the pen mouseover stuff is a “hover” element so those can stay easily when you change the background, but as you will see, there are a boatload of images.

https://en.forums.wordpress.com/topic/matala-specifications-for-custom-background-theme?replies=6#post-655521
kelliehillmedia · Member · Sep 29, 2011 at 9:37 am
Copy link
Thank you so much designsimply you’ve have saved me so much time and i’m very happy with how the site looks now!

http://www.couchdesignews.wordpress.com is the site if anyone wants to check it out.
designsimply · Member · Sep 30, 2011 at 3:06 pm
Copy link
Cheers. :)

And I love that you posted a link back. What do you think about moving the header image to the right just a bit?
```
hgroup {
    margin-left: 30px;
}
```
kelliehillmedia · Member · Oct 2, 2011 at 10:32 am
Copy link
Brilliant! Thank you!

No items found.