Hello,
I've noticed lots of people asking this question, tried various suggestions, but nothing seems to help.
I'm using a theme called 'Cubit' - http://themeforest.net/item/cubit-6-in-1-business-portfolio-theme/38712 - on my website (link below). I've tried to find a border ref: in the 'style.css' file but I can't see one anywhere. I've tried several 'Themes' before settling on this one, and I noticed that WordPress adds these grey borders to images regardless of which 'Theme' is used, so I wondered if it's a WordPress CSS file I need to adjust? All I want to do is remove the grey border completely, or give it the same colour value as my background.
http://www.davejohnsondesign.co.uk/2008/02/marine-education-trust-brochure
I'm a relative newbie when it comes to CSS etc. I can stumble my way around but it would really help if someone could give me some guidance?
Many thanks in advance...
DJD
The top "grey line" is the background image for the page. If you want to remove it, edit style2.css (line 1) and change:
body {
background:#FFFFFF url(cubit/images2/bg_body.jpg) repeat-x 0 0;
color:#7A7A7A;
}
to
body {
background:#FFFFFF;
color:#7A7A7A;
}
Open style2.css and find this section:
.content img, .content a img {
background-color:#fff;
border:1px solid #aaa;
}
.content a:hover img {
background-color:#8dc500;
border:1px solid #699300;
}
You can just remove the whole border:1px solid #aaa; and border:1px solid #699300; lines. Or you can change them from 1px to 0 just in case you want to add them back in later.
Thank you both sooo much - that's sorted it immediately!
StirlingEditor
Member
Posted 2 years ago #
This sounds great, but I'm a complete newbie, and I've never even heard of style2.css. Where is it located and what is the best way to access it? I am using Bluehost and Thesis Theme.
Thank you!