Joomla Templates Club 406,261 posts

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#833941

Base on the template sample data, I used image for every article with the size of 800×600 px. But the image in the "leading article" and "full article" was automatically croped as show as attach.

What’s the exact match image size for article ? Thanks for help

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#834469

Hi
All the images are auto re sized according to the container size . For the leading item the image size is defined to it will fit properly . Add below code in custom.css file and increase the value of height as per you needs .

.magazine-featured-leading .magazine-item-media .item-image {
    max-height: 384px!important;
}

increase value of max-height .

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#834813

where is the custom.css file are located?
I can’t found the css file name "custom"

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#834831

You need to create custom.css file in the /css folder of your template .
/templates/ JA Teline V/css/ custom.css If file not there create it and add the code.

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#835439

I was created custom.css and add these code and change to 600px, but the frontpage was unchange.

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#835552

Hi KIndly add a dot . in starting as given in previous code .
add this code

.magazine-carousel .magazine-item-media .item-image { height: 500px!important; }

change height as per needs . It will work .

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#836284

Yes, It’s work on the leading article in homepage, but when user click image to read full article.
the image still croped.
How to syncronise image size between leading article and full article?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#836292

Hi
Use this code in custom.css file and define new height

.article-intro-media .item-image {
    max-height: 384px!important;
}

Happy New Year !

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#836297

Ok, when I did’t changed image size in custom.css,
Is the default height image is 384px?
Is the default width image is 800px?
so, exact match image size for article is 800x384px,
Is’t it?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#836308

Hi the width of image is 100% and change size according to the container width .
The height is defined manually so u can set a max height to show full image .

[Danar Friend DanarJoin date: April 2015Posts: 57Downloads:29Uploads:38]

#836369

Ok thanks.
Clear, Fix.

[Author]

Posts