Adding A Full Width Image Under The Header
Permalink
Hi!
I'm pretty green at this... but... I wonder if anyone can help me add my own image as a full width bar just below the header? I'm using the standard Elemental Theme.
I might even like to add the nav bar into this image area... if that's possible.
I would greatly appreciate any help anyone may be able to offer as I just can't seem to work it out.
Thanks in advance.
I'm pretty green at this... but... I wonder if anyone can help me add my own image as a full width bar just below the header? I'm using the standard Elemental Theme.
I might even like to add the nav bar into this image area... if that's possible.
I would greatly appreciate any help anyone may be able to offer as I just can't seem to work it out.
Thanks in advance.
Hi!
Thank you for your reply.
Attached you will find a mockup of what I am aiming to achieve.
I'm now using Cloneamental if that makes any difference.
Thanks again.
Thank you for your reply.
Attached you will find a mockup of what I am aiming to achieve.
I'm now using Cloneamental if that makes any difference.
Thanks again.
Most of the time inside headers use background image (not <img>)
So you even use Concrete5 inline styles for some area (add bg image + cover + padding-top/bottom)
https://documentation.concrete5.org/editors/in-page-editing/block-ar...
Basic CSS like this:
http://codepen.io/joe-watkins/pen/Iuzxn...
If you need more "elegant" way - i like the idea of this video:
Concrete5.7 thumbnails in use (MesuvaWebDevelopment):
https://www.youtube.com/watch?v=EQyVQpsAn5s&spfreload=5...
By attribute its also an easy option
So you even use Concrete5 inline styles for some area (add bg image + cover + padding-top/bottom)
https://documentation.concrete5.org/editors/in-page-editing/block-ar...
Basic CSS like this:
http://codepen.io/joe-watkins/pen/Iuzxn...
If you need more "elegant" way - i like the idea of this video:
Concrete5.7 thumbnails in use (MesuvaWebDevelopment):
https://www.youtube.com/watch?v=EQyVQpsAn5s&spfreload=5...
By attribute its also an easy option
Is this vaguely the sort of thing?
http://catplace.net/walks/index.php...
This is my wife's work-in-progress. The banner image is done using a rough-as-guts add-on block of which I'm too ashamed to submit to the c5 PRB.
http://catplace.net/walks/index.php...
This is my wife's work-in-progress. The banner image is done using a rough-as-guts add-on block of which I'm too ashamed to submit to the c5 PRB.
Hi,
I normally do this by creating a page attribute to upload the image and then in my header.php file, I grab that image and display it where I want.
I have attached my header.php file for you to see what I do. Be sure to give the attribute a handle of header_banner_image and set it to image.
I hope that helps.
Cheers,
Dex
I normally do this by creating a page attribute to upload the image and then in my header.php file, I grab that image and display it where I want.
I have attached my header.php file for you to see what I do. Be sure to give the attribute a handle of header_banner_image and set it to image.
I hope that helps.
Cheers,
Dex
Thank you soooo much Dex!!
I really appreciate your input as it got me the result I was after. You're a legend!! :)
It takes a real professional to share their knowledge.. thankyou.
Warmest Regards,
Edith
I really appreciate your input as it got me the result I was after. You're a legend!! :)
It takes a real professional to share their knowledge.. thankyou.
Warmest Regards,
Edith
To get a better idea of what you are looking to do, I recommend replying with a screenshot or mockup of the idea.