Large Title Picture - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Large Title Picture

M

miguelon7

Helix Framework 4 years ago

Hello Joomshaper,

on my website (smartradfahren.de) I would like to get a large picture either above or below the menu. Currently, I tried to put it above, in the title position. However, as you can see it is very narrow.

I would like to get it much larger, like, for example, here: http://www.bardaussies.com/

I have tried to adjust margin and padding, but it doesn't change anything.

Can you tell me how I can expand the picture?

Thanks and best regards, bjorn

0
9 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #44242

okay. Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-imgtop{
    padding: 30%;
}

This will show the full image. But actually, the image you are using is with low resolution. It will be better if you could take a good image with larger width and the same height.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #44035

Hello miguelon7

It looks like you have already solved the issue. Please let me know if I can still help.

Best regards

0
M
miguelon7
Accepted Answer
4 years ago #44060

Hello Ofi,

no, sorry, I may not have described the problem in enough detail.

I put picture on the very top, in the title position. Its height is not very large and I was unable to extend it. The picture is from a bicyclke parking lot, so you should actually see the bicycles...

Temporarily, I had put unerneath is a picture of a single person riding a bicycle. This has a height that I can control, but it does not spread over the entire page.

So ideally, I would want the title picture with the (or maybe 3/4 of the) height of the second picture - or, I would like it like seen in http://www.bardaussies.com/

Not sure if this is any clearer now?

Thanks and best regards, bjorn

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #44083

Sorry, I am still not clear about it. I did not find any bicycle parking image. You should choose your photo resolution wisely to look good as the background image. You may show the image on its actual width and height by using CSS. 

div#innerShape55__Shape55{
    background-size: contain;
}
0
M
miguelon7
Accepted Answer
4 years ago #44106

Hi Ofi,

if you look at the very top of the page, above the menu, you see a picture that is a bit out of focus. I would like to get this with a larger height so it takes more space on the page (and also will not confuse people, but actually show what it is.

The code snippet you sent me I believe I already have (I have set it in Helix itslef, under size in the style sectrion of the layout). I actually set it to cover - when set to contain it repeats the image over and over again.

Nonetheless, I would like to get a larger height. Is this not possible this way?

Thanks and best regards, bjorn

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #44122

Yes, you can add height through CSS. But I am not gettitng any out of focus image. Are we checking the same website? https://prnt.sc/20hx9ze

0
M
miguelon7
Accepted Answer
4 years ago #44134

Hi Ofi,

no :)

The one with the dog is like I want it to behave, so I gave it as an example. My website is this one: smartradfahren.de

Best regards, bjorn

0
M
miguelon7
Accepted Answer
4 years ago #44341

Hi Ofi,

thanks a lot, that works. I don't understand why 30% gives the full picture or why I cannot set this via the UI frontend in Helix, but alas - it works!

ANd yes, this won't be the final picture to be used. I am still looking for the one I really want to use.

Thanks and Best Regards, björn

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #44389

You are welcome.

0