Joomla Templates Club 406,261 posts

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#647026

Hi:

I am looking to increase the height of the “leading article” for the Category blog pages.

Not sure where that is.

Thanks

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

#647520

Hello
Kindly Find my solution in This thread to Fix your issue .

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#649608

Thank You!!!

Now how do I make the article image that size, too? It is cropping it

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#649611

<em>@timpennington 485940 wrote:</em><blockquote>Thank You!!!

Now how do I make the article image that size, too? It is cropping it

Thanks</blockquote>

Can you provide a link to an example page?

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#649612

Here is the front of the blog page: http://goturpin.com/index.php/fall/football

The lead article picture is full

Here is the link when I click the lead article to read: http://goturpin.com/index.php/fall/football/571-sophomore-lang-evans-turned-ballcarriers-into-mulch-in-record-season

The image is cropped

Thanks!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#649618

Try This . . . .

Add the following to your custom.css file:


.article-intro-media .item-image {
max-height: 100%;
overflow: hidden;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#649623

It didn’t work; the images on the stories are still cropped

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#649625

<em>@timpennington 485958 wrote:</em><blockquote>It didn’t work; the images on the stories are still cropped</blockquote>

Can you do me a favor and temporarily set “Optimize CSS” to “No/Off” within your Template Manager–General settings?

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#649627

Done; I turned to off

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#649628

Not sure why it wasn’t working with custom.css, but try this . . . .

Within file path —> /templates/ja_teline_v/css/template.css
at line 3256, modify as follows:


.article-intro-media .item-image {
max-height: 100%;
overflow: hidden;
}

The image should now be full height.

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#649629

You save me again! Thanks!!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#649630

<em>@timpennington 485965 wrote:</em><blockquote>You save me again! Thanks!!</blockquote>

Happy to be of assistance . . . All the best with your continuing site development !!! 🙂

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

#649645

<em>@timpennington 485958 wrote:</em><blockquote>It didn’t work; the images on the stories are still cropped</blockquote>
<blockquote>Not sure why it wasn’t working with custom.css, but try this . . . .

</blockquote>
To override css style vai custom.css kindly use !important in the code .
example :

You can find it in my solution here

[timpennington Friend timpenningtonJoin date: May 2009Posts: 242Downloads:33Uploads:14 Thanks: 12 Thanked: 1 times in 1 posts]

#904013

I updated Teline V last week and now my custom CSS won’t work anymore so that I can have I can increase the height of the “leading article” for the Category blog pages.

I have tried applying the custom CSS, but it still doesn’t work:

http://goturpin.com/index.php?option=com_content&view=category&layout=blog&id=110&Itemid=295

Any advice?

Thanks

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

#904063

Hi
Use this code in custom.css

.article-intro .item-image {
    max-height: 100%;
}

[Author]

Posts