Page Title Background Image Size - Question | JoomShaper
Back to the questions

Page Title Background Image Size

NO

Nicole Otto

Template 2 years ago

What size do I make the image for behind the titles? Whatever size I use looks bad. https://snipboard.io/xZXVia.jpg

0
5 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #39033

I guess you checked on Safari, right?

In that case, please add also this line:

.sp-page-title { background-attachment: scroll; }

... and reduce img resolution to: 1960 x 300px - which is more real.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #38977

Hello Nicole Pomeroy

There is no exact measurement. You can try this CSS to Template Options -> Custom Code -> Custom CSS

.sp-page-title {
    padding: 100px 0px !important;
    background-size: cover !important;
}

Test by changing the padding value according to your images.

Best regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #38978

Hi Nicole, you forgot to mention which template you have, but ...

  1. Try this resolution: 1960 x 400px | jpg (compression 70-85%)
  2. Use Graphic tool and resize then crop image to get needed resolution.
  3. If your orginal image is too small, do not resize it, use bigger one.
0
NO
Nicole Otto
Accepted Answer
2 years ago #39032

I am using the starup biz template. I used a 1960 x 400 image and it looks very pixelated yet. This is the first time I have had such an issue with the image being so pixelated. I need to turn this live today.

http://webtomixresearch.com/stjohns/index.php/about-us

0
NO
Nicole Otto
Accepted Answer
2 years ago #39042

No, I was in Chrome. It is working now. Thank you so much for the help.

0