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
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.
Hello miguelon7
It looks like you have already solved the issue. Please let me know if I can still help.
Best regards
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
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;
}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
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
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
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
You are welcome.