Big Cartel - Тип шрифта страницы продукта

0

Вот ссылка на сайт... http://johnathonpowers.bigcartel.com/. Попытка изменить тип шрифта/лицо/стиль для страниц продукта.

Поэтому я попробовал все, что угодно. В моей области CSS большого картеля я просмотрел и нашел каждое упоминание шрифта для "продукта", "продуктов", "страницы продукта" и т.д. И изменил размер шрифта на всех них. Я изменил размер, чтобы быстро увидеть, что именно они влияют. Только названия продуктов и цены могли бы я определить код для. Многие из них, похоже, ничего не меняли, даже когда я каждый раз помещал шрифты до 50, чтобы легко заметить изменение.

Поэтому я пытаюсь получить шрифт шрифтов своих продуктов в calibri, чтобы соответствовать моей часто задаваемой странице (которую я потратил на создание часов в выходные)... очень доволен ее результатом. Для FAQ я начал использовать calibri, а затем резервную копию (я думаю), где я добавляю ", serif" к стилю шрифта.

В любом случае, любая помощь или помощь приветствуются. Спасибо.

Теги:
fonts
product
bigcartel

1 ответ

-2
Лучший ответ

Вы можете изменить шрифт на каждом элементе своей страницы, добавив это в самом низу вашего CSS:

* {
  font-family: 'Calibri' !important;
}

Имейте в виду, что ваши посетители будут видеть только текст, отображаемый в этом шрифте, если они установлены на их компьютере, поэтому было бы разумно включить некоторые резервные копии. В противном случае вы можете вставлять шрифт с помощью отдельной службы webfont.

Также было бы неплохо воспользоваться вашими инструментами разработчика браузера, чтобы вы могли проверять элементы на своих страницах и видеть, какие правила CSS контролируют их внешний вид. С инструментами разработчика вы сможете увидеть такие вещи, как:

.page_header.product_header h1 {
  font-size: 24px;
  text-transform: uppercase;
}

Вместо того, чтобы изменять классы CSS непосредственно в вашей таблице стилей, я бы также рекомендовал всегда добавлять новые правила в нижнюю часть - таким образом, если тема постоянно обновляется, вы можете копировать и создавать резервные копии изменений кода, возвращаться к значениям по умолчанию, а затем вставьте их обратно, чтобы ваши настройки были на месте.

  • 0
    Ник, спасибо за все советы. Еще что-нибудь, и я должен тебе обед. Я сделаю изменения в конце, а не через CSS. И да, я только что обнаружил «элемент проверки» в Google Chrome, и кажется, что он может оказаться очень ценным. Я пошел дальше и добавил этот код #product_page #product_info { font-family: 'Calibri'; } до конца, и это сработало на каждой странице продукта! Я вернусь прямо сейчас и добавлю несколько резервных копий. Каждый должен быть, «хххх», «хххх»; Я предполагаю? Кроме того, при добавлении в конец должен ли я включать «! Важный тег»?
  • 0
    Рад, что смог помочь! Вам не всегда понадобится тег! Important, но иногда он необходим для переопределения правил встроенного стиля (как, например, предыдущая проблема с размером шрифта). Кавычки вокруг названия шрифта - просто старая привычка, они вам не понадобятся, но вот дополнительная информация об этом: stackoverflow.com/questions/7638775/…

Ещё вопросы

Сообщество Overcoder
Наверх
Меню