Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

H1 другим цветом


Mona

Recommended Posts

Подскажите, как сделать тег H1 другим цветом?

Вот картинка Изображение

Хочу, чтоб заголовки блоков были другого цвета.

Как прописать им другой стиль? и не вредно это для SEO?

Надіслати
Поділитися на інших сайтах


catalog/view/theme/default/stylesheet/stylesheet.css

Находишь стиль для h1 и задаёшь любой цвет

Подскажите, как сделать тег H1 другим цветом?

Хочу, чтоб заголовки блоков были другого цвета.

Как прописать им другой стиль? и не вредно это для SEO?

Надіслати
Поділитися на інших сайтах


catalog/view/theme/default/stylesheet/stylesheet.css

Находишь стиль для h1 и задаёшь любой цвет

Вы меня не так поняли.

Если я поменяю там цвет, тогда он изменится везде. А я хочу изменить только в блоках (выделила красными рамками, а там где зеленая - пускай остается не тронутой)

Надіслати
Поділитися на інших сайтах


Тогда создайте новый стиль и пропишите его для указанных полей в своем шаблоне.

Но вам будет достаточно изменить цвет для класса "Top". Если у вас стандартный шаблон, то именно это класс отвечает за указанные на скриншоте заголовки.

Как вам уже написали выше, заходите в catalog/view/theme/default/stylesheet/stylesheet.css

ищите там класс Top и меняете параметр color

Надіслати
Поділитися на інших сайтах


Приношу свои извинения. Я сама запутала и вас соответственно!

Мне нужно изменить цвет только в центральных блоках. На второй картинке указала красной рамкой.

Если делать как описано во втором посте, тогда оба заголовка меняют цвет.

Изображение

Надіслати
Поділитися на інших сайтах


Значит нужно создать отдельный класс в файле стилей с нужным параметром цвета и прописать его заголовку в файле шаблона.

Это логично, а как это сделать? :rolleyes:

Надіслати
Поділитися на інших сайтах


Это логично, а как это сделать? :rolleyes:

На странице вписать заголовкам стиль, например:

<h1 class="new-color">ваш заголовок</h1>

В стилях CSS (stylesheet.css):

.new-color {
color: #код цвета;
}
Надіслати
Поділитися на інших сайтах


ничего не изменится, если так сделать, потому что ваш стиль перебьет более приоритетный, расположенный в stylesheet.css в строке 255:

#content h1, .heading {
    color: #000;
}
вот здесь-то и нужно изменять.
  • +1 1
Надіслати
Поділитися на інших сайтах


ничего не изменится, если так сделать, потому что ваш стиль перебьет более приоритетный, расположенный в stylesheet.css в строке 255:

#content h1, .heading {
    color: #000;
}
вот здесь-то и нужно изменять.
А ну да, там div придется на странице переписать....

Или в стилях написать так:

.new-color:first-child { 
color: #код цвета; 
}
  • +1 1
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.