Archived topic
How to add backround image and logo into a page hero?
7 replies · Started by Lasse on January 14, 2019
Hi!
I know how to add backround image, text as well as "read more" button to my page hero. But how to add a logo as well. Here`s an example:
Kindly,
Lasse Venho
Hi there,
you can just use the HTML IMG tag.
<img src="url_to_image.jpg" alt="logo" width="120">
Thanks David!
Now the whole code is like this:
<br>
<h5>Mitä jos saisit tuloksia nopeammin,</h5>
<h5>palautuisit tehokkaammin, </h5>
<h5>polttaisit enemmän rasvaa ja </h5>
<h5>säästäisit niveliä turhalta rasitukselta? </h5><br>
<p style="margin-left: 5px">[maxbutton id="1"]</p>
Four lines of texts are there as well as the button. Where I hoped the logo to be, theres only a text "logo". What Im doing wrong?
-- Lasse
The image requires the full URL - go to the Dashboard > Media, select your image and copy the URL it provides and paste that in.
Arggh!
Now my post shows the line incorrectly ..... !!!! Why does it do that? Here`s the correct line:
- Lasse
Still not seeing the correct URL, your img tag currently looks like this:
<img src="https//mmvalmennus.com_to_Resulta-Logo-20191" alt="logo" width="120">
the src="" is wrong, for example your Site Logo URL would display like this:
<img src="https://mmvalmennus.com/wp-content/uploads/2018/10/MM-Valmennus-Logo-201810-e1538414979595.jpg" alt="logo" width="120">
So make sure you have added the full URL to the src="" - if you have make sure to clear any caches you have.
Now!
Million thanks!!!
- Lasse
Awesome, glad to be of help.