By Juan Manuel Reina Gil on Thursday, 16 January 2014
Posted in Technical Issues
Replies 9
Likes 0
Views 0.9K
Votes 0
Hi there!

I would like to replicate the image layout I have on http://panequeasesores.com/blog. As you can see images are set to fill 100% width.

When you reach the post the image goes to a reduced size as you can see in the attached image.

I would like the image to be shown as when you replace max-width:100% to width: 100%. I don't know how to change that and where is the CSS file.

I'm concerned about image quality as well so if you could let me know how to get the best settings.

Kind regards,

Juan Manuel Reina
Hello Juan,

Hm, sorry but I don't quite get you here. Can you please elaborate more on this please?
·
Thursday, 16 January 2014 17:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark!

The thing is, if you go to the blog section in panequeasesores.com/blog you will see a list of posts with their featured images at full width.

When you click to read a post, the featured image is displayed at a reduced size and I would like it to be just like on the blog frontpage.

I have been tweaking the CSS with Firebug noticing that when I replace the "max-width: 100%" with "width: 100%" the results are what I am looking for. But I don't know where I should do the CSS changes.

Hope this is clear now.

Kind regards!
·
Thursday, 16 January 2014 18:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Juan,

You can go to this file: ..\components\com_easyblog\themes\default\css\styles.css and change the it in line 172: http://screencast.com/t/4cRqcBIXcnK . Hope this helps.
·
Thursday, 16 January 2014 18:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Brilliant! Thank you Nick!
·
Thursday, 16 January 2014 19:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating, glad that your issues are resolved now
·
Thursday, 16 January 2014 20:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry for updating this but I have realized that every image on the blog post gets resized to 100% width. My aim is to make the featured image the only one affected by this width the same way as it is displayed on the blog frontpage.

Any ideas?

Kind regards
·
Monday, 20 January 2014 18:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Juan,

Please revert the previous changes and put this code in your template css file:

#ezblog-body .blog-text .blog-image {
width: 100%;
}
·
Monday, 20 January 2014 18:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Now it's perfect! Thank you so much!
·
Monday, 20 January 2014 19:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Glad that your issues are resolved now.
·
Monday, 20 January 2014 23:54
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post