Joomla Templates Club 406,261 posts

[lincoln1 Friend lincoln1Join date: February 2015Posts: 66Downloads:11Uploads:8 Thanks: 25]

#205055

I want to increase the viewable area of the intro image when I view an article. I have set the default dimensions of the intro image to 800px I think. When I view an article you can clearly see that a portion of the image is not displayed or the full image is not displayed. This also happens in the ACM module.

I’m guessing that there is some line of code in CSS that determines the size of that viewable area and I want to change it.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564800

HI there
# Please provide more detail about your issue with screenshot / site URL and reproduce steps.

Thank you,
Viet Vu

[lincoln1 Friend lincoln1Join date: February 2015Posts: 66Downloads:11Uploads:8 Thanks: 25]

#564801

This is what you see when landing on the home page as it appears in the ACM module.

This is what you see if you click on the article and view it.

This is what the image actually looks like and what I would like to see.

Clearly theres some setting somewhere about the height of the image in the module and in article view.

---

Attachments:

1. 
2. 
3. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564803

Hi there
On image site2 – your sidebar have modules . Just disable these module than you have extended view.
Note:// You’ll need check and make itemid in right way.

http://www.joomlablogger.net/joomla-tutorials/joomla-core-tutorials/joomla-tutorial-how-joomla-modules-and-menu-items-work-together

http://jooservices.com/support/documentation/tutorials/17-understaning-itemid-in-joomla
<blockquote>The solution is again a simple one:

1. Create a separate menu using the Menu Manager.
2. Create list or blog views for your sections or categories
3. Assign the modules you want to appear to the newly created menu items
4. Don’t create a menu module or show the actual menu on the site.</blockquote>

Thank you,
Viet Vu

[lincoln1 Friend lincoln1Join date: February 2015Posts: 66Downloads:11Uploads:8 Thanks: 25]

#564804

Thanks for your feedback. I think perhaps you might have misunderstood me. I am happy with the layout and positions of the modules. What I am trying to achieve is to see more of the image. It seems as if the bottom of the image is cut off. Is there a paramater somewhere that defines how high that viewable area is? If you go to the mobile version of my site wou will see that it doesn’t cut off the bottom part of the images.

So I don’t necessarily want the image displayed wider over the page, I want the into image in article view not to be cut off or to be able to view mor of it. In the case of the site2.jpg image you will see that in article view it cuts off the bottom part of the image where the riders names are.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564890

Hi there
Would you mind provide your site URL than i can deep inspect it.

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564898

Hi there,
I got it.
Please try with this css

#t3-content .article-main .article-intro-media .item-image {
/* max-height: 384px; */ Remove max-height or set to auto
overflow: hidden;
}
Or check this below video as tutorial. Please don’t mind about my english voice.

https://www.dropbox.com/s/3gx0dqhaz7b907s/2015-03-28_9-48-27.mp4?dl=0
Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. lincoln1

[lincoln1 Friend lincoln1Join date: February 2015Posts: 66Downloads:11Uploads:8 Thanks: 25]

#564899

Do I add this to my custom.css file?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564901

Hi there
Yes, you can apply it for custom.css

Thank you,
Viet Vu

[lincoln1 Friend lincoln1Join date: February 2015Posts: 66Downloads:11Uploads:8 Thanks: 25]

#564902

OK, I tried auto and it didn’t really work for me. I set it to 600px and I noticed that it displays properly and also if the imahe is smaller than 600px high then it only displays as much as the image height so that is excellent.

Now how do I fix this for the ACM module on my home page?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#564903

Hi there
# Please turn off CSS compress while we’r working on it.
# Please provide FTP access. I’ll help you work on it.

Thank you,
Viet Vu

[lincoln1 Friend lincoln1Join date: February 2015Posts: 66Downloads:11Uploads:8 Thanks: 25]

#564904

ok, sent you settings

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#565141

Hi there
Sorry by delayed this issue. But your PMed me missed backend access. Please help me update it than we can quick solve it.

Thank you,
Viet Vu

[skipcorp Friend skipcorpJoin date: February 2015Posts: 52Downloads:65Uploads:8 Thanks: 6 Thanked: 1 times in 1 posts]

#565788

yes … Thank you .. Its work for me

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#565799

Glad to hear that.

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. skipcorp

[Author]

Posts