• Почему между словами появился пробел?

    @squirtazzer
    не влезает
    Ответ написан
    Комментировать
  • Как выровнять блоки?

    @squirtazzer Автор вопроса
    <div class="byblos-contact-form <?php echo isset( $instance['scmod_contact_form_width'] ) ? 'col-sm-' . $instance['scmod_contact_form_width'] : 'col-sm-12'; ?>">
    
        <div class="widget">
            
            <div class="inner">
    
                <h2 class="widget-title">
                    <?php echo !empty( $instance['scmod_contact_form_title'] ) ? esc_html( $instance['scmod_contact_form_title'] ) : ''; ?>
                </h2>
    
                <div class="byblos-underline"></div>
                
                <div class="detail">
                    <?php echo !empty( $instance['scmod_contact_form_detail'] ) ? esc_html( $instance['scmod_contact_form_detail'] ) : ''; ?>
                </div>
    
                <form action="<?php echo esc_url( admin_url( 'admin-ajax.php' ) ); ?>" id="scmod-contact-form">
    
                    <input type="hidden" class="recipient" name="recipient" value="<?php echo !empty( $instance['scmod_contact_form_recipient_email'] ) ? $instance['scmod_contact_form_recipient_email'] : ''; ?>" />
    
                    <div class="group">
                        <label><?php echo !empty( $instance['scmod_contact_form_from_label'] ) ? esc_html( $instance['scmod_contact_form_from_label'] ) : ''; ?></label>
                        <input type="text" name="name" class="control name"/>
                    </div>
    
                    <div class="group">
                        <label><?php echo !empty( $instance['scmod_contact_form_email_label'] ) ? esc_html( $instance['scmod_contact_form_email_label'] ) : ''; ?></label>
                        <input type="text" name="email" class="control email"/>
                    </div>
    
                    <div class="group">
                        <label class="message"><?php echo !empty( $instance['scmod_contact_form_message_label'] ) ? esc_html( $instance['scmod_contact_form_message_label'] ) : ''; ?></label>
                        <textarea name="message" class="control message"></textarea>
                    </div>
    
                    <input type="submit" class="accent-button" value="<?php echo !empty( $instance['scmod_contact_form_submit_label'] ) ? esc_attr( $instance['scmod_contact_form_submit_label'] ) : ''; ?>"/>
                    <div class="subscribe">
            <input style="vertical-align: top;margin: 4px 5px 0px 0px;" type="checkbox" id="subscribeNews" required="" name="subscribe" value="newsletter"><font-size: 8px;" for="subscribeNews">нажимая кнопку отправить я согласен(на) на обработку данных и ознакомлен(а) с <a href="/politika-konfitsintsialnosti/" style="color:#d85904">политикой
                конфиденциальности</a>
        </div>
    
                    <div class="mail-sent"><span class="fa fa-check-circle"></span> <?php _e( 'Email отправлен!', 'byblos' ); ?></div>
                    <div class="mail-not-sent"><span class="fa fa-exclamation-circle"></span> <?php _e( 'There has been an error, please check the information you entered and try again.', 'byblos' ); ?></div>
    
                </form>
    
            </div>
                
        </div>
        
    </div>


    это здесь?
    Ответ написан
  • Как адаптировать div на мобильных?

    @squirtazzer Автор вопроса
    * {
    box-sizing:border-box;
    }
    .services {
    display: flex;
    }
    .service-item {
    position: relative;
    width: 95%; /* Ширина первого слоя */
    height: 400px;
    padding: 15px; /* Поля вокруг текста */
    background: #fff; /* Цвет фона */
    margin: 5px auto 15px;
    border:1px solid #FF6600;
    }
    
    .service-item::before {
    content:"\f005";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: orange;
    border-radius: 0 0 50% 0;
    }
    
    media (max-width: 767px) {
    .service-item {
    width: 100%;
    }
    }
    Ответ написан
    Комментировать