^^&&^^

Edit File: pm48.php

<?php

if (class_exists('CSF')) {

CSF::createWidget(

'orun_widget_post_module_48',

array(

'title'       => esc_html__( 'Oruno - Giriş Ekranı - Hosting Modülü #2', 'oruno' ),

'class'       => 'orun-widget-fields',

'classname'   => 'orun_widget_post_module_48',

'description' => esc_html__( 'Hosting modülü #2 tasarımıdır. Giriş tasarımıdır', 'oruno' ),

'fields'      => array(

array(

'id' => 'imagefield',

'type' => 'media',

'title' => esc_html__('Görsel Seçin:', 'oruno'),

'subtitle' => esc_html__('Bir görsel seçin veya yükleyin.', 'oruno'),

array(

'id' => 'affibaslik',

'type' => 'textarea',

'title' => esc_html__('Başlık Giriniz:', 'oruno'),

'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'oruno'),

'default' => 'Find The Right VPN or Hosting Provider',

array(

'id' => 'affialtbaslik',

'type' => 'textarea',

'title' => esc_html__('Alt Başlık Giriniz:', 'oruno'),

'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'oruno'),

'default' => 'Web Hosting Hizmetleri',

array(

'id' => 'affiaciklama',

'type' => 'textarea',

'title' => esc_html__('Açıklama Giriniz:', 'oruno'),

'subtitle' => esc_html__('Affiliate alanının başlığını giriniz.', 'oruno'),

'default' => 'Discover perfectly aligned global providers – and easily add them to your devices. <br>

Save time finding the best providers.',

)

);

if (!function_exists('orun_widget_post_module_48')) {

function orun_widget_post_module_48($args, $instance)

{

<style>

/* Bu CSS dosyası örnektir, gerektiğinde özelleştirebilirsiniz */

.row {

display: flex;

flex-wrap: wrap;

}

.col-md-6 {

flex: 0 0 50%;

max-width: 50%;

}

.baslikland {

text-align: left;

margin-bottom: 15px;

font-size:49px !important;

font-weight:900 !important;

color:#1E3799;

}

.altbaslikland{

color:#F37D40;

font-weight:500 !important;

font-size:38px !important;

margin-top:-15px;

}

.descland {

text-align: left;

margin-bottom: 15px;

margin-top: 15px;

font-weight:300 !important;

color:#545454;

}

.buttonland:hover {

background-color: #0056b3;

}

img {

display: block;

max-width: 100%;

height: auto;

margin: 0 auto;

border-radius: 5px;

}

.col-md-4 {

flex: 0 0 33.333333%;

max-width: 33.333333%;

}

@media(min-width:992px) {

.col-md-4{

padding:20px 20px;

}

.col-md-8 {

flex: 0 0 66.666667%;

max-width: 66.666667%;

display: flex;

flex-direction: column;

justify-content: center;

padding: 25px 12px;

}

</style>

<?php

if (!empty($instance['affibaslik'])) {

echo wp_kses_post($instance['affibaslik']);

}

</h2>

<?php

if (!empty($instance['affialtbaslik'])) {

echo wp_kses_post($instance['affialtbaslik']);

}

</h3>

<?php

if (!empty($instance['affiaciklama'])) {

echo wp_kses_post($instance['affiaciklama']);

}

</p>

</div>

<style>

</style>

<?php

if (!empty($instance['imagefield']['url'])) {

$image_url = esc_url($instance['imagefield']['url']);

if (!empty($image_url)) {

echo '<img sizes="(max-width: 1024px) 100vw, 1024px" src="' . $image_url . '">';

}

</div>

</section>

<?php

}