I would like to ask, delete black border image in the article page.

I would like to ask how to delete or not show the black border image when I created image on the article page.

How could I do?
Thank you
Jak

Picture 4.jpg

* Seeing in my enclose file to make it clearly ** Thank you again

Hi

It seams you make change on template css files.
Please show us your website.

Cheers

I went through about 15 search pages with numerous people asking how to remove the border background from images some, but not all images.
Is this possible using overide.css and w/o disabling the plugin?
Thanks

I went through about 15 search pages with numerous people asking how to remove the border background from images some, but not all images.
Is this possible using overide.css and w/o disabling the plugin?
Thanks

Just turn off the plugin that creates the image borders.

I think it is gk_imageborder (or something similar). Turn it off and it won't create the borders on any images.

Thanks for the reply.
But I was asking more specifically using CSS and maybe adding something in the image property class or ID.
I don't want to turn off the plugin because I do want the background on some of the article images. But again like the OP not around buttons.
Thanks

Hi

Please try maby with adding a class to it, for example "nobackground". You can remove this line, no problem with code.

Code: Select all

.nobackground .header_bottom {
    background: none repeat scroll 0 0 transparent;
    padding: 0 !important;
}


Hi Teitbite

Thanks for the suggestion, but I tried that and it didn't work.
Wouldn't I need to work with div.gkImgBorderTop since that is what is creating the background border?

I know this isn't correct, but something like this?
.div.gkImgBorderTop.nobackground { background: none repeat scroll 0 0 transparent;
padding: 0 !important;}

Then I would put nobackground in the class of that particular image that I don't want the background to appear.

Thanks

Add a new class to apply to the surrounding div, and then use display:none . . .

Hi CMYKreative
What would that be? I couldn't figure that out the syntax

Can you send a link to your site and let me know which images you do and do not want this to apply to and I'll let you know the code to use . . .

Thanks.
The site is password protected and I will pm you credentials.

I don't see the option to PM you

Add a new class to apply to the surrounding div, and then use display:none . . .

Hi

This is exacly what I ment, maby I didn't put it clear. But You will have to close the image in a layer or <span> tag with class name.

You can send them in email to [email protected] if you'd like me to take a quick look.

I'll need to know which images you want the border "on", and which you want it "off".

Chris

Thanks guys for the help.
It's not exactly how I want to implement this, but it's a quick solution.

For anyone that has the same issue, you will have to wrap each image that you don't want to have a border with a div

so for me the html code was

Code: Select all

<div class="nobackground">
<img alt="AmazonMP3 - Buy Now" src="images/icons/AmazonMP3.gif" width="78" height="22" />
</div

and I added this in override.css

Code: Select all

.nobackground div.gkImgBorderBottom>img {
margin:0!important;
padding:0!important;
background:none;}

.nobackground .gkImgBorderTop,
.nobackground .gkImgBorderBottom  {
background-image: none; }


ogweewee

I am also looking to disable the black background on images? I added the html code on my article.
where would the override.css file be located.
Would I just need to add that code at the end of the file? I am sorry I am not that much of a programmer.

Hey Sammy
Go into the folder templates > gk_party_freak > css

their you will find the file override.css

I put all of my custom css into that file so that any template updates or updates to joomla don't disturb any css changes I have made.