TEASER/BLOG IMAGE on Entry LEFT ALIGN & TEXT WRAP
By TOM WHITMIRE on Monday, 03 February 2014
Posted in Technical Issues
Replies 10
Likes 0
Views 1K
Votes 0
Aloha, Thank you for all your quick responses. They have all been spot on and I appreciate that.

I am looking for the BLOG IMAGE also referred to in code as TEASER IMAGE to automatically appear on my entry page as LEFT ALIGN with TEXT WRAP on Right at 10px and Bottom 10px.

I have already set the 'blog image' to resize the photo to the 210 width that I want to use. Please see attached image as example. I did this my manually adding the photo.

THEME = ElegantWhite
JOOMLA 2.5

I would love to know how & where I accomplish this edit so that I may be able to change one things later.

I have made many changes to CSS as warning.

http://LIVET.tv
Hello Tom,

Sorry for the late reply. Please add the following CSS codes
#eblog-wrapper div .blog-image {

float: left;

margin-right: 10px !important;

margin-bottom: 10px !important;

}

to float the image to the left on entry page. In frontpage it is already float left. You can add these codes to the template's custom CSS file. Hope this helps.

Thanks!
Adelene
·
Monday, 03 February 2014 14:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi - I've tried this too - and added the code to style.css in the css folder in default theme folder, but still get the attached... what am I doing wrong?

Thanks
steve cameron
·
Wednesday, 05 February 2014 19:04
·
0 Likes
·
0 Votes
·
0 Comments
·
STEVE, My experience showed that I needed the code in my Joomla Template folder CSS & not an EasyBlog CSS folder.

I put it at the bottom of this page: /templates/livet/css/template_css.css

livet is the name of my own template in this case.

I hope this helps.

http://LIVET.tv
TOM WHITMIRE
·
Wednesday, 05 February 2014 20:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the reply - unfortunately, that didn't help in my template file - I also tried adding this in the common.css file as this was what appeared to be controlling the image on the page - but that didn't work either..... the effect I get when adding this is what I always have to use paragraph breaks to avoid.... attached... frustrating and a little ugly.
steve cameron
·
Wednesday, 05 February 2014 21:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for the reply - unfortunately it didn't work for me. A tried adding in the common.css file is EB also as this appears to be controlling the image, but nithing. All I get is what I always have to use paragraph breaks to avoid.... attached..... not right and more than a little ugly...
steve cameron
·
Wednesday, 05 February 2014 21:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Tom,

You did not supply us with backend access for http://advent.es so I could not apply the hack for you, please place this at the bottom of your custom.css file in your template folder.
#eblog-wrapper #ezblog-body a.easyblog-thumb-preview {

    float: left;

    margin-right: 10px;

}


Thanks:)
Khairul
·
Thursday, 06 February 2014 07:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Khairul,

I would not put my back end access on a public forum - that would be silly ;-)

I have looked for the custom.css file in both my easyblog template folder (default) and my overall template folder - and do not see it.... any idea of the path?

Thanks
steve cameron
·
Thursday, 06 February 2014 16:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Steve,

Your access information will only can viewed by support team if you put it in the Site Details below. You might want to search for template.css instead in your template folder.
Nik Faris
·
Thursday, 06 February 2014 17:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Perfect - that did it - thanks!
steve cameron
·
Sunday, 09 February 2014 20:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Steve,

You're welcome.
Nik Faris
·
Sunday, 09 February 2014 21:41
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post