-
Posts
-
On a single page I want to have just a single image with catchy text as a header (no menu and logo). How do I do that? Can’t find it out. Thanks.
This is the site: https://myjourneyofgrowth.com/start-today/
I will use another image that fits the length of the site better.
Navigate to the webpage where you want the changes to appear then click Edit Page. Scroll down a bit and on the right side of the screen you’ll see a section called Layout. The last option in that section is titled Header Visibility & Transparency. Click that dropdown and then select “Hide Header on this page.” Finally, scroll up to the top of the page and click the blue update button to publish your changes. :)
@hruseki Hi Hiruseki. Thank you so much. That’s one part of what I want. If I’ve done that what you said I want a picture (with a text in it) on top functioning as a header . How do I integrate that?
Use the Color Section element in the layout builder and in the Color Section settings add your photo as the background image. Then add your columns into the color section and finally drag the text box element into the column. This will give you a fullwidth image with text on top.
Just make sure your background image is very wide so it covers the whole screen — I usually go with 1920px wide.
Hi,
Thanks for helping out @Hiruseki, did you get your questions answered already @daanneleman?
Best regards,
RikardHi Rikard,
Not yet. I would like an image as header with a call-to-action in the image. I’m using Beaver Builder now on that page too.
Thanks!
@daanneleman If you’re referring to the Start Today page just add a Color Section to the top of the page and drag all your existing content into it. Then add a background image to the color section by clicking the little pencil icon where it says “Color Section” then click the Styling tab and upload your image where it says “Background Image”. Set the background repeat option to “Stretch to Fit”.
You don’t really need Beaver Builder lol as Enfold already comes with a very robust page builder…
Hi Hiruseki, I’m almost there what you told me worked:
But there’s one thing I’d like to add and that is this video (I only have the embed code):
<div id=”sfm-video” sfm-video-id=”xHkZq5nWygVTtzYSpd27cKNz” class=”playButton”></div> <script src=”https://sfm.video/watch.js”></script>
In some way when I can not adjust the size, it even overrides the column width if I use that. Do you have an idea about that too?But first, thank you for your great advice!
Hi daanneleman,
Great, I’m glad that you got everything working and thanks @hiruseki for helping out :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
- The topic ‘Header image with text’ is closed to new replies.