Image much too large

Support
#1

I have asked a question previously about image height and was referred to an article on Image Aspect Ratio. After reading the article, I am still baffled about how to get the height I want an image to be. For example, I want my image to be the height of the image that’s on the homepage of the website I have added to the secure note. Should I not be using a template if I want a specific height? Please help!!

#2

Hi Eutaw,

Thank you for writing in, in that case, please remove this CSS you added on the image’s Element CSS area

$el img {
  width: 100%;
}

And then edit your image on a photo editor application (e.g. Photoshop) to have a height that you desire and a width of at least 1500px to cover your container’s max-width.

Cheers!

#3

Please note that I have the page set as Blank-No Container-Header,Footer because I want the width to be 100%, but I want to control the height. How do I get a width of 100% and a specific height?

By the way, how do I change the name of this page in Cornerstone?

#4

Hi Eutaw,

You can add a max-height: 450px; CSS rule on your Section’s Inline CSS



However, I need to warn you though that this will cut your content (image) if its height exceeds to 450px.

I will stick to my first advice above, pre-crop your image to 1500px by 450px, where 1500px is the value of the SITE MAX WIDTH you set on Theme Options > Layout and Design

On the Cornerstone, click the cog icon then Page Settings > Title



Hope this shed some lights,
Cheers!

#5

Thank you very much.

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.