Image Crooped - Question | JoomShaper

Image Crooped

XPROPARIS Agence Web

XPROPARIS Agence Web

Template 1 year ago

Hi, How can I keep the same proportions of the image when displaying the website ? Half of the original image is cropped.... Best regards

https://deboutloutremer.fr/omsc/images/IMAGE%20CROOPED.pdf

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #162862

Extra 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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #162861

Hi,

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;}

0
XPROPARIS Agence Web
XPROPARIS Agence Web
Accepted Answer
1 year ago #162888

Ok thanks a lot Paul, but how can I change the color of text in the title please ?

0