Joomla Templates Club 406,261 posts

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#204031

When I went in to category “Tävlingar” and category “+Supersize” I see that the first image is about 240px in height (see screenshot).

How can I tweak custom.css to have, lets say, 800 px in height?

---

Attachments:

1. 

Felix Rimfrost

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

#560344

Hi there
# Please use browser debugger for inspecting.
# As screenshot you can see how to apply.
We can make higher css priority if needed.

.article-intro-media img {
width: 100%;
height: 800px;
}

Thank you,
Viet Vu

---

Attachments:

1. 

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#560366

<em>@jooservices 459888 wrote:</em><blockquote>Hi there
# Please use browser debugger for inspecting.
# As screenshot you can see how to apply.
We can make higher css priority if needed.

.article-intro-media img {
width: 100%;
height: 800px;
}

Thank you,
Viet Vu</blockquote>

I changed my custom.css like this (see screenshot):

But now the image looks terrible (see screenshot)…

Please help me!

---

Attachments:

1. 
2. 

Felix Rimfrost

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

#560368

Hi there
It’s because you increase image but not yet increase your image wrapper

.magazine-featured-leading .magazine-item-media .item-image {
margin-bottom: 24px;
max-height: 384px;
}
Thank you,
Viet Vu

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#560369

<em>@jooservices 459920 wrote:</em><blockquote>Hi there
It’s because you increase image but not yet increase your image wrapper

.magazine-featured-leading .magazine-item-media .item-image {
margin-bottom: 24px;
max-height: 384px;
}
Thank you,
Viet Vu</blockquote>

I’ve now put your code in “custom.css” but the images still looks terrible (see screenshot).

Is it possible for you to login to my backend and see what I’ve messed up in my custom.css?

---

Attachments:

1. 

Felix Rimfrost

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

#560375

Hi there
# Please don’t do copy & paste most of my code 🙁 . I gave you guide but please update css as your needed.
If you need to work with which element than update css selector as your needed. My code just for explain that element (s) .
# About image
– At first you have wrapped layer

.magazine-featured-leading .magazine-item-media .item-image {
margin-bottom: 24px;
max-height: 384px;
}
It’s mean all content inside will be wrapped in max-height: 384px. You’ll need change it to max-height: <yourvalue> or just remove max-height and use height: auto instead.
And you’ll need to know which page / element you want to apply.
For sample in this link

http://www.rimfrost.se/fisheco/taevlingar
As far i can use this selector

#t3-mainbody .magazine-featured-items .magazine-featured-leading .magazine-item-media .pull-left.item-image {
}

# Now we check into img
At moment we have

.magazine-featured .item-image img, .magazine-categories .item-image img, .magazine-featured .pull-left.item-image img, .magazine-categories .pull-left.item-image img, .magazine-featured .pull-right.item-image img, .magazine-categories .pull-right.item-image img, .magazine-featured .img_caption, .magazine-categories .img_caption {
/* width: 100% !important; */
/* max-width: 100%; */
}

One of note:// Please avoid to use !important. We can use higher css priority
By follow same of above selector we’ll have

#t3-mainbody .magazine-featured-items .magazine-featured-leading .magazine-item-media .pull-left.item-image img {
}

Yup ! Now you have 2 selector. Than apply your css as needed.
And now finally we have like this screenshot:

Once again. You need to apply css selector exactly as your need. Try to make it more specific as possible

https://www.dropbox.com/s/5hme6sj8vxcaw8g/2015-02-23_21-27-23.png?dl=0

Very simple rite ?

Thank you,
Viet Vu

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#560386

I give up …

I will start a new forum post and hope that someone else from the support staff can help me. So far I have always received very good help with the exact code to apply in custom.css, without the need for me to understand every detail.

Thank you for trying to educate me, but I don’t want any education, I just want to recieve support…

Sincerely//Felix Rimfrost

Felix Rimfrost

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

#560573

Hi there
Please provide your FTP access. I will work on it.

Thank you,
Viet Vu

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

#560978

Have done. Please check.

Thank you,
Viet Vu

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#560984

<em>@jooservices 460721 wrote:</em><blockquote>Have done. Please check.

Thank you,
Viet Vu</blockquote>

Thanks, but images are still crazy (see screenshot)…

---

Attachments:

1. 

Felix Rimfrost

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

#560998

Hi there
Please let me know which URL you have issue ( and / or reproduce steps )
I have checked at my side and it look fine. Try to clear your browser cache and reload again.

Thank you,
Viet Vu

---

Attachments:

1. 
2. 
3. 

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

#561002

Hi there
I’ve updated for footer images. It would be correctly now.

Thank you,
Viet Vu

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

#561048

Hi there
For featured item because you have asked for fixed height: 800px. That’s why some images will be stretched .

Thank you,
Viet Vu

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#561619

<em>@jooservices 460747 wrote:</em><blockquote>Hi there
Please let me know which URL you have issue ( and / or reproduce steps )
I have checked at my side and it look fine. Try to clear your browser cache and reload again.

Thank you,
Viet Vu</blockquote>

The images is still stretched. I’ve tried to clear cache, but it still doesn’t matter which page I go into. Here are some examples:

http://rimfrost.se/fisheco/fiskemetoder/26-trolling
http://rimfrost.se/fisheco/taevlingar/34-gaeddfajten
http://rimfrost.se/fisheco/eko-miljo/21-yrkesfiske
etc…

What is wrong!?

Felix Rimfrost

[felix1 Friend felix1Join date: February 2015Posts: 220Downloads:36Uploads:78 Thanks: 67 Thanked: 20 times in 6 posts]

#561620

<em>@jooservices 460830 wrote:</em><blockquote>Hi there
For featured item because you have asked for fixed height: 800px. That’s why some images will be stretched .

Thank you,
Viet Vu</blockquote>

Yes, I’ve asked for fixed size, 800 pixels, but not on the featured images. It was for the full article images. It hasn’t affected the featured images before. It just started recently!? Why? How can I change “custom.css” so full article images has max height of 800 pixels, but not affect the featured images?

Felix Rimfrost

[Author]

Posts