HOW DO I REMOVE THE GREY IMAGE BORDER?

  • Resolved djd

    (@djd)


    14 years, 10 months ago

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    14 years, 10 months ago

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

    (@auxano)

    14 years, 10 months ago

    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.

    Thread Starter djd

    (@djd)

    14 years, 10 months ago

    Thank you both sooo much – that’s sorted it immediately!

    StirlingEditor

    (@stirlingeditor)

    14 years, 1 month 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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘HOW DO I REMOVE THE GREY IMAGE BORDER?’ is closed to new replies.