Joomla Templates Club 406,261 posts

[folkefiende Friend folkefiendeJoin date: January 2010Posts: 6Downloads:0Uploads:0 Thanks: 2]

#152996

When I insert an image in an article it displays with a border, though I have border set to 0, and it overlaps some of the text. Here is the URL: http://www.thompsonauctionservice.com.

I want to remove the border entirely, and get the text to come out from behind the picture. The bottom of the picture is also cut off (in FF), but the overflows down into the footer if the page is viewed in IE.

Anybody have any ideas?
Thanks.

[aaronfarias Friend aaronfariasJoin date: July 2010Posts: 132Downloads:0Uploads:0 Thanks: 3 Thanked: 12 times in 12 posts]

#351313

hmmm this is tricky for some reason.. Try opening: http://www.thompsonauctionservice.com/templates/ja_norite/css/template.css and edit the border in:

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

And the padding.

[folkefiende Friend folkefiendeJoin date: January 2010Posts: 6Downloads:0Uploads:0 Thanks: 2]

#351350

aaronfarias,
thanks so much; that helped with the border around the pics. Unfortunately I’m still having a problem, but maybe removing the borders will help solve the other problem.
It’s almost like the text and images are on two different layers, with the content ending up behind the pics. Do you have any idea on how to get this problem fixed? It’s occurring on every page.

Thanks for the help.

[aaronfarias Friend aaronfariasJoin date: July 2010Posts: 132Downloads:0Uploads:0 Thanks: 3 Thanked: 12 times in 12 posts]

#351351

Oh i see know, the images are covering all the content. Hmm, ill take another look at it.

I believe your images are too big. You can make them smaller i guess or make the text area smaller.

[folkefiende Friend folkefiendeJoin date: January 2010Posts: 6Downloads:0Uploads:0 Thanks: 2]

#351362

I really would like the text to just flow around the pic like it normally does. I’ve never had this problem in the past. I’m using Tiny MCE for a text editor if that helps. Are there defined boundaries for the images/ text in this template?

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

#351552

Hello the problem is here, the template only dipslays well with one image per row, with your case. you must to customize this:

pls add the following css into templete.css file:

.leading .haveimage {
padding:0!important;
}
.leading .article-image {
position:relative;
float:left;
padding-right:15px;
}

Goodluck

[folkefiende Friend folkefiendeJoin date: January 2010Posts: 6Downloads:0Uploads:0 Thanks: 2]

#351805

tienhc,
Thanks so much. That fixed it! Just popped it in and we’re in business. Thanks so much for the help.
Please mark this thread “SOLVED”

[Author]

Posts