Как изменить шрифт на блоге Visual Composer

Приветствую, тебя мой друг!

Создавая свой блог, я написал несколько постов. Но при просмотре их отображения мне не понравился слишком мелкий шрифт. Читать не просто неудобно, а какая-то пытка. Тем более для людей, с таким недугом, как близорукость. Глаза начинают болеть и слезиться, а затем от напряжения чуть ли не взрываются.

 

Надо было решать проблему. Тщательно порывшись в консоли, проблему так и не решил. И вышел тогда искать ответ на свой вопрос в бескрайние просторы интернета. И нашел таки. Вариантов было много. Но не все мне подошли, зря только время потерял. Поэтому не хочу о них распространяться. Однако …

 

Однако проблема была решена. И раз ты читаешь эти строки, значит и у тебя возникла та же проблема.

 

Порывшись в интернете, обнаружил полезный плагин. Visual Composer – визуальный редактор страниц. В этот плагин встроено очень много интересных функций, с помощью которых можно создавать уникальные страницы на своем блоге. Одна из таких функций и помогла мне решить проблему с изменением шрифта.

 

Для сравнения

Первоначальный шрифт на моем блоге был 11 пикселей по умолчанию и выглядело это так

 

Шрифт после изменения кода CSS в Visual Composer, на данный момент 19 пикселей

 

Для начала плагин нужно скачать и загрузить в админку сайта стандартным способом, как и все плагины. И в консоли появится новая вкладка Visual Composer (на скриншоте показано стрелкой).

 

Далее идем во вкладку: Индивидуальный CSS.

 

Перейдя на данную вкладку, видим надпись: Введите ваш CSS код, напротив которой расположено окно, куда и следует ввести нужный нам код CSS.

 

Где же взять этот код и что с ним дальше делать?

Переходим на любой пост в своем блоге. Выделяем текст в любой области, кликаем правой кнопкой мыши и нажимаем просмотреть код

 

В открывшемся справа окне внизу находим нужный код style.css: 16. На цифру 16 не обращаем внимания, она может быть и другой. Копируем сам код

Как изменить шрифт на блоге просто

 

Возвращаемся в Visual Composer и вставляем, скопированный код в окошко. Здесь же в окне находим строку font-size: 11px; цифру меняем на нужную нам. В моем случае это будет выглядеть так: font-size: 19px; Нажимаем сохранить изменения.

 

Переходим на сайт, проверяем как изменился шрифт на блоге. Убеждаемся что не так уж все сложно, как кажется на первый взгляд. Радуемся и оставляем комменарии.

2 комментария на “Как изменить шрифт на блоге Visual Composer”

  • Серьезно подошли к делу. Еще бы и картинки Ваши укрупнить, а то не все видно.
    Очень иногда нужная функция. А вот написали, что позволяет данный плагин создавать уникальные страницы на сайте. А какие именно? Интересно было бы, если бы о всех возможностях плагина рассказали.
    Было полезно. Спасибо.

    • Татьяна, спасибо за комментарий! Картинки сделал крупнее.
      Честно говоря этот плагин не изучал еще так досконально, о его возможностях знаю только заочно. Но в ближайшее время изучу его более глубже и обязательно поделюсь информацией о его возможностях.

      На визуал композер наткнулся случайно. У меня тема стоит с очень маленьким шрифтом, и чтобы его изменить, плагин мне показался оптимальным решением.

      Шрифт изменил и забыл о нем 🙂 Спасибо, что напомнили, займусь изучением дальнейшим.

Оставить комментарий