Joomla Templates Club 406,261 posts

[qzkenji Friend qzkenjiJoin date: September 2008Posts: 18Downloads:0Uploads:4 Thanks: 2]

#152571

HI

i want REMOVE BORDER AROUND IMAGE .

I USING THE TEMPLATE JA NORITE.

THANK YOU

QZ KENJI

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

#350191

Hello

Pls open the file: templates/ja_norite/css/template.css and try to find the following code:

.article-image span {
background: #181818;
border: 1px solid #2a2a2a;
display: block;
float: left;
padding: 4px;
}

replace:

.article-image span {
display: block;
float: left;
padding: 4px;
}

Goodluck

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#372959

What would you suggest to do if we want to be able to use both the default image border style (.article-image span) and also place images without the border?

Thanks,
railer

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#373066

<em>@railer 216456 wrote:</em><blockquote>What would you suggest to do if we want to be able to use both the default image border style (.article-image span) and also place images without the border?

Thanks,
railer</blockquote>

If you have to have such option, You can make above change as tienhc suggested and then, add this at end of template.css file::

.article-image span .caption{background: #181818;border: 1px solid #2a2a2a;}
.article-image span #no-border{background:none !important;border: 0 none !Important;}

Now, You can change image reference like this where you wish to not have border::

<img border=”0″ align=”left” title=”Sample Image” alt=”Sample Image” class=”caption” id=”no-border” src=”/ja/norite/images/stories/demo/sam-1.jpg”>

[wonderfood Friend wonderfoodJoin date: November 2011Posts: 2Downloads:0Uploads:0]

#434549

I have tried this suggested fix but it still doesn’t get rid of the border. The live site link is: http://www.powerfromlight.com

Any and all suggestions on how to get rid of the border other than what has been noted above. Is this decoration noted in another file other than template.css perhaps?

Thanks in advance for the help.

[Author]

Posts