I want to move the banner down off the top of the logo header area
Permalink Browser Info Environment
Hi
I've managed to add the attribute for the image background on the right sidebar template however the image is too high up the page.
http://bmc-client.co.uk/preshute/index.php/page-types/right-sidebar...
Could you point me in the right direction as what CSS to change to lower the background image so it isn't cropping the image so dramatically? I really need to add 80px of padding but I can't see where I'd change it.
I've managed to add the attribute for the image background on the right sidebar template however the image is too high up the page.
http://bmc-client.co.uk/preshute/index.php/page-types/right-sidebar...
Could you point me in the right direction as what CSS to change to lower the background image so it isn't cropping the image so dramatically? I really need to add 80px of padding but I can't see where I'd change it.
Type: | Pre-Sale |
---|---|
Status: | In Progress |
Great thanks very much this worked - however I have to manually put a height in the code - is that right?
What would be my best strategy for mobile responsiveness for this?
#header182{ background-position: 0 750px; height: 750px; }
What would be my best strategy for mobile responsiveness for this?
Hi,
Try this code for mobile devices:
Please don't overwrite you current css but just add this below it.
Regards.
Try this code for mobile devices:
@media (max-width:480px){ #header182{ background-position: center 120px; background-size: cover; height: 320px; } }
Please don't overwrite you current css but just add this below it.
Regards.
Great thanks - that worked would there be a way of making this style more global across the site? The divs are all going to have background images in them so I just wondered if there was a way of making it so I just can change one bit of code and it effects all these image divs rather than just #header182.
The best way to move the image down is by adding background-position
I hope this helps.
Regards.