Joomla Templates Club 406,261 posts

[torenewa Friend torenewaJoin date: August 2009Posts: 43Downloads:0Uploads:4 Thanks: 6]

#147190

Is there a way to remove the border from certain photos in the Opal Template?

[noibihappy2009 Friend noibihappy2009Join date: January 2009Posts: 62Downloads:0Uploads:8 Thanked: 6 times in 1 posts]

#327877

div.article-content img, .img-desc img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:0 8px 0 0;
padding:4px;
}

Remove background & border

[torenewa Friend torenewaJoin date: August 2009Posts: 43Downloads:0Uploads:4 Thanks: 6]

#327889

<em>@noibihappy2009 158525 wrote:</em><blockquote>
div.article-content img, .img-desc img {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:0 8px 0 0;
padding:4px;
}

Remove background & border</blockquote>
Thank you, but I don’t understand exactly how to use this.

If found the code in the css that you added the 3 “moz-background” lines to, but can’t figure out how to apply it.

I can see that if I set the border to 0px that will take out all of the borders in the articles, but what I’m trying to do is remove some of them. I’m guessing the way to do this is to set the border to zero and then create a new class that will put in the default borders, but I don’t understand CSS well enough to seem to be able to get this to work.

What am I doing wrong?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#328086

Hello guy!

<blockquote>Is there a way to remove the border from certain photos in the Opal Template?</blockquote>

Here is the solution , Open the file /templates/ja_opal/css/template.css and add those codes into this file:

.leading img{
border:none !important;
background:none !important;
}

Good luck

[torenewa Friend torenewaJoin date: August 2009Posts: 43Downloads:0Uploads:4 Thanks: 6]

#328149

I still can’t seem to get this to work.

I added the code to my template.css file, but when I select a photo that I want to apply it to and go to the drop down menu in my editor to pick that css file, it is not in the list. The only thing similar is one that’s called “leading-separator” and when I apply that, it removes the image.

What am I doing wrong?

Thanks as always for your wonderful support.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#328343

Yes, May be i have a misktake, please it would be very helpful if you could provide screenshorts so that i could have a look on the issue

Thanks a lot

[torenewa Friend torenewaJoin date: August 2009Posts: 43Downloads:0Uploads:4 Thanks: 6]

#328345

What do you want a screen shot of? My drop down menu, the module with the photo I want to remove the box from, or a photo that I want to have a box around?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#328427

Please give me the link to the live site, and give me the screenshot of the site which you mark pleaces cause the problem.

thanks

[Author]

Posts