Image Crooped
XPROPARIS Agence Web
Hi, How can I keep the same proportions of the image when displaying the website ? Half of the original image is cropped.... Best regards
3 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerExtra tip!
Color of Text used on Image you can change using that class name
.sp-page-title h2, .sp-page-tile h3
You can also add text-shadow to make text more visible.
Paul Frankowski
Accepted AnswerHi,
that image is not cropped, but rather "resized" with CSS settings.
Here is default CSS style used for images in Page Title Section:
.sp-page-title {
padding: 140px 0 110px 0;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
background-color: #666;
text-align: center;
z-index: 10;
}Override background-size value from "cover" to "contain" and should be as you want probably.
Custom CSS Example:
.sp-page-title {background-size: contain;}