Подскажите как увеличить шрифты и изменить радиус кнопок


Добрый день, подскажите хочу увеличить шрифт, заголовков и подзаголовков! Просто 14рх и меньше не очень читабельны на сайте! Заранее спасибо

5 ответов
  • Дмитрий
    Решение
    6 июня 2021 23:10

    У меня тема Special

  • Сергеев Владимир
    Разработчик
    Решение
    7 июня 2021 14:04

    Здравствуйте, Дмитрий! 

    Вы можете менять размеры заголовков через блок special.user_css.
    Что такое блоки и как их добавлять.

    Css для размера шрифтов заголовков: 

    body h1, body .uk-h1 {
      font-size: 30px;
    }
    
    body h2, body .uk-h2 {
      font-size: 26px;
    }
    
    body h3, body .uk-h3 {
      font-size: 20px;
    }
    
    body h4, body .uk-h4 {
      font-size: 18px;
    }
    
    body h5, body .uk-h5 {
      font-size: 16px;
    }
    
    body h6, body .uk-h6 {
      font-size: 14px;
    }

  • Дмитрий
    Решение
    9 июня 2021 00:59

    Спасибо!

  • Дмитрий
    Решение
    28 июня 2021 12:47

    Добрый день, подскажите где в теме Special сделать у кнопки края закругленные и цвет текста в блоках поменять, так как в цветовом стиле компании просит заказчик, меняю цвет, но по факту не меняется, может не там! Я через хостинг панель менял!Заранее спасибо!

    • Сергеев Владимир
      Разработчик
      Решение
      28 июня 2021 22:58

      Здравствуйте, Дмитрий! 

      Лучше бы для таких вопросов создавать отдельный топик, чтобы потом его было проще найти поиском. 
      Что касается вопроса – добавьте в блок special.user_css код: 

      {$border_radius = '5px'}
      
      .item-qty-bg,
      .input-bg,
      body .wa-quantity-box,
      body .wa-dialog-footer .wa-button,
      body .wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button,
      body .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button,
      body .wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button,
      .uk-button,
      .editor-content button,
      .plugin-content button,
      .button,
      input[type=submit]:not(.not),
      .wa-login-form-wrapper input[type=submit],
      .wa-signup-form-wrapper input[type=submit],
      .wa-forgotpassword-form-wrapper input[type=submit],
      .photos input[type='button'],
      .clicklite input[type='button'],
      .auth-type a,
      .wa-auth-adapters a,
      .uk-subnav-pill a,
      body .wa-product-edit-dialog .wa-cart-section .wa-features-wrapper .wa-feature-wrapper .wa-variants-list .wa-variant,
      .sku-button,
      .sku-button img,
      #product-features .alaali-img2,
      .product-list .features-body .alaali-img2,
      .important-features-wrapper .alaali-img2,
      html body .wa-dropdown>.wa-dropdown-toggle,
      html body .wa-dropdown>.wa-dropdown-area{
          border-radius:{$border_radius};
      }
      .wa-input.js-coupon-code,
      input[type=text].input-coupon-code{
          border-top-left-radius:{$border_radius};
          border-bottom-left-radius:{$border_radius};
          border-top-right-radius:0;
          border-bottom-right-radius:0;
      }
      body .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button.js-use-coupon,
      .input-coupon-code-button{
          border-top-left-radius:0;
          border-bottom-left-radius:0;
      }
      
      body .wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper:first-child,
      body .wa-dropdown > .wa-dropdown-area > .wa-dropdown-item:first-child,
      .s-section-header.uk-card-header {
          border-radius: {$border_radius} {$border_radius} 0 0;
      }
      body .wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper:last-child,
      body .wa-dropdown > .wa-dropdown-area > .wa-dropdown-item:last-child {
          border-radius: 0 0 {$border_radius} {$border_radius};
      }
      
      @media (max-width: 600px) {
          html body .wa-order-cart-wrapper.with-adaptive .wa-cart-details .wa-coupon-section .wa-input,
          html body .wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button.js-use-coupon,
          html body .input-coupon-code-button {
              border-radius:{$border_radius};
          }
          html body .wa-order-cart-wrapper.with-adaptive .wa-cart-details .wa-coupon-section .wa-input {
              margin-bottom:15px;
          }
      }

    • Сергеев Владимир
      Разработчик
      Решение
      28 июня 2021 23:01
      и цвет текста в блоках поменять

      Покажите на скриншоте пожалуйста.

      P.S. 
      Завтра-после завтра ответить не смогу, буду за рулём. 

  • Дмитрий
    Решение
    3 июля 2021 00:04

    Спасибо, извините что сразу не ответил, сам уехал! Завтра скину Вам скриншот!

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!