Change Image Alignment in Blog posts
By Bruno Alecrim on Sunday, 12 January 2014
Posted in General Issues
Replies 6
Likes 0
Views 828
Votes 0
Hi,
We need to change the image / text alignment in the frontpage layout to be exactly the same of inside blog posts, I mean... the text should appear bellow the image instead of the appear in the side. How I can adjust that? Just take a look at the attached image for more details.

With best regards
Bruno Cesar
Hello Bruno Alecrim,

I am really sorry for the delay of this reply as it is a weekend for us here.
Is it possible provide us with your Joomla backend access so we can help you check on this? Please advise.
Arlex Wong
·
Sunday, 12 January 2014 11:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Bruno,

You can actually apply the codes below to ensure that images are always displaying in a block,



#ezblog-posts .blog-post .blog-image {

    display: block !important;

    float: none;

}


Add this code into your template's css file.
Mark
·
Sunday, 12 January 2014 13:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark it worked but the border now goes all empty area, is there a way to keep the border the same size of the image?

Just take a look the link:

http://67.228.166.162/~nosdomor/index.php

With best regards
Bruno Cesar
Bruno Alecrim
·
Sunday, 12 January 2014 14:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Bruno Alecrim,

You try remove this line code as Mark provided the code at above and see how it goes.


display: block !important;
Arlex Wong
·
Sunday, 12 January 2014 14:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you soo much Arlex and Mark. It worked fine.
Bruno Alecrim
·
Monday, 13 January 2014 01:19
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome Glad that your issues are resolved now.
Mark
·
Monday, 13 January 2014 01:30
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post