Frame in text

bikkel

Hello all

I want to add a frame in the text, for example to add some background information to a certain article. Here I also want to be able to place a photo and I want to be able to place the frame anywhere in the article. So both left and right aligned. Can you help me with an example for such a framework?

Many thanks!

Ninja

bikkel
Hi
You can check the supported Typo come with template here : https://ja-focus.demo.joomlart.com/index.php/en/typography

example html code for alerts

<div class="row example-row example-indicators">
		<div class="col-lg-6">
			<div class="alert  alert-info">
				<h4>info message title</h4>
				<p>Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.</p>
			</div>
		</div>
		<div class="col-lg-6">
			<div class="alert  alert-warning">
				<h4>warning message title</h4>
				<p>Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.</p>
			</div>
		</div>
	</div>

This may help what you needed to put as background text.

bikkel

Thanks for your comment. I am indeed able to set the framework. What is not yet successful is to place the frame to the right of the text. The text must then go left around the frame. Do you perhaps also know how I do that?

Ninja

bikkel
Hi
You can provide the Page URL on which you added the text and a screenshot how you want to show it.
So i can check this request on your site.

bikkel

On this page the frame is already there, my only question is to place that specific frame in the text instead of on the left.

Affected article:
https://www.h2owaternetwerk.nl/h2o-actueel/friese-boeren-krijgen-brief-over-niet-gemelde-wateronttrekking

Ninja

Hi bikkel
Kindly change col-lg-5 to col-lg-12
and check http://prntscr.com/ovi0m6

bikkel

Hi pankaj, I adjusted it. However, the text no longer runs around it. I want the block to be on the right and the text to the left. Is that also possible?

Ninja

bikkel
Hi
I am not sure what you mean by text not around it http://prntscr.com/ovvfjh
if you want this to display in full area it will display like this. If you want to show other text as well, you can reduce the col-lg-12 value to a lower value and check.

bikkel

The text box is always left-aligned. However, I want the block to be aligned to the right. In this way the body text of the article runs around the left of the frame.

teitbite

bikkel Hi. Please use this code:

.well-lg {
    text-align: right !important;
}

but You may try with:

.well-lg {
    text-align: justify !important;
}

bikkel

Hi Teitbite. In this case, the text is aligned to the right within the frame. However, the frame itself remains left on the page. The frame must be to the right of the body text.

Ninja

bikkel
Hi
Add float right style to the Parent div
Example : <div class="col-lg-5" style="float: right;">
It will look like this : http://prntscr.com/oxxxgb

bikkel

Great!! This worked out!! Are there any styling options, such as an border?

Ninja

bikkel
You apply border or any other style as per needs.
Here is example : https://www.w3schools.com/css/css_border.asp