Как сделать горизонтальное расположение формы битрикс crm?

Question

[Артём]

Доброго дня!
На сайте размещаю форму созданную в Битрикс CRM.
Подскажите, где капать, чтобы сделать ее верстку в горизонтальном стиле, как на картинке:

Comments

[Tim]

Скинь код формы

[Артём]

Форма вставляется через скрипт

<script id="bx24_form_inline" data-skip-moving="true">
        (function(w,d,u,b){w['Bitrix24FormObject']=b;w[b] = w[b] || function(){arguments[0].ref=u;
                (w[b].forms=w[b].forms||[]).push(arguments[0])};
                if(w[b]['forms']) return;
                var s=d.createElement('script');s.async=1;s.src=u+'?'+(1*new Date());
                var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
        })(window,document,'https://site.ru/bitrix/js/crm/form_loader.js','b24form');

        b24form({"id":"6","lang":"ru","sec":"gumecw","type":"inline"});
</script>

[Артём]

На стороне клиента получаем:

<div class="crm-webform-wrapper">
	<div id="crm-web-form-id-6" class="container crm-webform-main-container">
		<div class="row">
			<div class="col-md-12 col-sm-12">
				<div class="crm-webform-block crm-webform-default">
										<div class="crm-webform-header-container">
												<h2 class="crm-webform-header">Заказать обратный звонок</h2>
																	</div>
										<div class="crm-webform-body">
						<form novalidate="" class="crm-webform-form-container" id="bxform" method="POST" enctype="multipart/form-data" action="/pub/form.php?view=frame&amp;form_id=6&amp;widget_user_lang=ru&amp;sec=gumecw&amp;r=1594188101391">
														<fieldset class="crm-webform-fieldset">
															<div class="row">
									<div class="col-md-12 col-sm-12 crm-webform-field-string" id="field_LEAD_NAME">

																					<div class="crm-webform-label-title-container">
												<div class="crm-webform-label-title">
													<label for="LEAD_NAME" class="crm-webform-label ">Имя:</label>
												</div>
											</div>
										
										

										<div class="crm-webform-group" id="field_LEAD_NAME_CONT">
											<div class="crm-webform-label-content">
																									<label class="crm-webform-input-label">
																												<input value="" class="crm-webform-input" type="text" name="LEAD_NAME" id="LEAD_NAME" placeholder="">														<b class="tooltip crm-webform-tooltip-bottom-right">Заполните обязательное поле</b>
													</label>
																							</div>
										</div>


										
									</div>
								</div>

															<div class="row">
									<div class="col-md-12 col-sm-12 crm-webform-field-phone " id="field_LEAD_PHONE">

																					<div class="crm-webform-label-title-container">
												<div class="crm-webform-label-title">
													<label for="LEAD_PHONE" class="crm-webform-label ">Телефон:</label>
												</div>
											</div>
										
										

										<div class="crm-webform-group" id="field_LEAD_PHONE_CONT">
											<div class="crm-webform-label-content">
																									<label class="crm-webform-input-label">
																													<i class="crm-webform-icon fa fa-phone"></i>
																												<span class="crm-webform-input-phone-flag bx-flag-24 ru"></span><input value="" class="crm-webform-input crm-webform-input-phone crm-webform-input-phone-padding" autocomplete="off" type="tel" placeholder="111-11-11"><input type="hidden" name="LEAD_PHONE" id="LEAD_PHONE">														<b class="tooltip crm-webform-tooltip-bottom-right">Заполните обязательное поле</b>
													</label>
																							</div>
										</div>


										
									</div>
								</div>

							
							</fieldset>

							
							<fieldset class="crm-webform-fieldset-footer">
								<div class="row">

									

									
									<div class="col-md-12 col-sm-12">
										<div class="crm-webform-group crm-webform-button-container">
											<button data-bx-webform-submit-btn="" id="SUBMIT_BUTTON" class="crm-webform-submit-button" type="submit">
												Заказать											</button>

																							<div class="crm-webform-callback-free">Звонок бесплатный</div>
																					</div>
									</div>
								</div>
							</fieldset>


						<input type="hidden" name="from" value="https://academvisa-patent.ru/logo/"><input type="hidden" name="trace" value="{&quot;url&quot;:&quot;https://academvisa-patent.ru/logo/&quot;,&quot;device&quot;:{&quot;isMobile&quot;:false},&quot;tags&quot;:{&quot;ts&quot;:1594012248,&quot;list&quot;:{},&quot;gclid&quot;:null},&quot;client&quot;:{&quot;gaId&quot;:&quot;127850362.1589426133&quot;,&quot;yaId&quot;:&quot;159073559159074323&quot;},&quot;pages&quot;:{&quot;list&quot;:[[&quot;https://academvisa-patent.ru/logo/?elementor-preview=1559&amp;ver=1594183036&quot;,1594183040,&quot;Логотипы | ООО \&quot;АКАДЕМВИЗА\&quot;&quot;],[&quot;https://academvisa-patent.ru/?customize_changeset_uuid=d4b324b4-12d2-4bd2-9f0e-a555685c2c9a&amp;customize_theme=astra&amp;customize_messenger_channel=preview-0&quot;,1594184151,&quot;ООО \&quot;АКАДЕМВИЗА\&quot;&quot;],[&quot;https://academvisa-patent.ru/logo/?elementor-preview=1559&amp;ver=1594186938&quot;,1594186941,&quot;Логотипы | ООО \&quot;АКАДЕМВИЗА\&quot;&quot;],[&quot;https://academvisa-patent.ru/patents/&quot;,1594188154,&quot;Патенты | ООО \&quot;АКАДЕМВИЗА\&quot;&quot;],[&quot;https://academvisa-patent.ru/logo/&quot;,1594188170,&quot;Логотипы | ООО \&quot;АКАДЕМВИЗА\&quot;&quot;]]},&quot;gid&quot;:null,&quot;previous&quot;:{&quot;list&quot;:[]}}"></form>
					</div>
				</div>
			</div>
		</div><!--row-->

				<div class="row">
			<div class="col-md-12 col-sm-12 crm-webform-bottom-logo-container">
				<a class="crm-webform-bottom-link" href="https://www.bitrix24.ru/?c=academvisa-patent.bitrix24.ru" target="_blank">
					<span class="crm-webform-bottom-text">Заряжено</span>
					<span class="crm-webform-bottom-logo-bx">Битрикс</span>
					<span class="crm-webform-bottom-logo-24">24</span>
									</a>
			</div>
		</div>
		
	</div><!--container-->
</div>

[Ярослав Александров]

Артём, это облачный виджет, ничего вы ему не сделаете, делайте свою веб форму в системе управления сайтом, далее делайте интеграцию веб формы с bitrix24

[Артём]

Ярослав Александров, спасибо

Answer 1

[Алексей Емельянов]

Прописывайте свои стили и располагайте как вам захочется: