Text instead of .jpg and Text break

[glembymarcos]

I explain it with images in a PDF. Don’t see how to upload it.

Hi, I was hoping you could help me with two things.
1) I have an image with text, I like it, but I don’t want it to be an image. I would like it to be real text and a white background instead of an image.

2)In another section I have a text that breaks in a way I don’t like when view in a phone or in a tablet.

Is there a way to control how text breaks? Say for instance, could I group:
(Mandag til fredag fra) (14:00 til 17:00)<br>
(dagene er delt inn i) (6 kategorier)

So when you look at it in the large screen it will display:
Mandag til fredag fra 14:00 til 17:00
dagene er delt inn i 6 kategorier

and on a smaller display it will show:
Mandag til fredag fra
14:00 til 17:00
dagene er delt inn i
6 kategorier

---

[Support]

Hello,

1) Sorry, I don’t understand exactly what you mean, if you just want blocks to add texts you may consider cards: https://www.okler.net/previews/porto/12.0.0/elements-cards.html

2) You can use: <span class="d-block d-lg-inline"></span> in the words that you want the line break, example:

<h2 class="font-weight-normal text-center text-6 pb-3">
	<strong class="font-weight-extra-bold"><span class="d-block d-lg-inline">Mandag til fredag fra</span></strong> 14:00 til 17:00 <span class="d-block d-lg-inline">dagene er delt inn i</span> <strong class="font-weight-extra-bold">6 kategorier</strong>
</h2>

---

[glembymarcos]

This is the PDF I was trying to send earlier.
If you click where it says click, but on the website you will see a pop-up.
I like the pop-up. I would just like it to be real text in case someone chooses to translate the page they can also read that part.

Reply To: Text instead of .jpg

---

[glembymarcos]

This is the PDF I was trying to send earlier.
If you click where it says click, but on the website you will see a pop-up.
I like the pop-up. I would just like it to be real text in case someone chooses to translate the page they can also read that part.

https://byspeiderne.no/img/others/explanation.pdf

---

[Support]

OK, sure, got it, in this case we recommend using Modals, here’s an example:

<a class="" href="#" data-bs-toggle="modal" data-bs-target="#defaultModal">
	Launch Default Modal
</a>

<div class="modal fade" id="defaultModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="defaultModalLabel">Default Modal Title</h4>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>

---

[Author]

Posts