Начать новую тему

ФОРМАТИРОВАНИЕ НАЗВАНИЙ И ЗАГОЛОВКОВ БЛОКОВ

Добрый день, у меня возник ряд вопросов:


Нашла информацию об изменении типа заголовка при изменении оболочки блока.

1. Как в упрощенном основном контейнере сделать заголовка(названия блока) не курсивным?

2. Как в блоке с оболочкой важная секция изменить цвет фона под основным текстом?

3. Как в блоке с оболочкой важная секция добавить контурную рамку фону основного текста?

4. Как в блоке с оболочкой важная секция изменить цвет фона у заголовка(названия блока)?

5. При написании основного текста, можно некоторые слова выделить другим цветом - необходим цвет #00сс00, его в стандартной палитре нет.

6. Как изменить цвет фона одного пункта главного меню на #00сс00? (Необходимо выделить категорию SALE)

7. При наведении на "кабинет покупателя" в верхней шапке, а также при нажатии, цвет текста становится белым и его не видно. Как сделать его черным при наведении и нажатии на кнопку?

8. При нажатии на "корзину", цвет текста становится белым и его не видно. Как сделать его черным при нажатии на кнопку?

9. Как в блоке с любой оболочкой сделать название(заголовок) по центру страницы?


Здравствуйте!

> Нашла информацию об изменении типа заголовка при изменении оболочки блока.

1. Как в упрощенном основном контейнере сделать заголовка(названия блока) не курсивным?

2. Как в блоке с оболочкой важная секция изменить цвет фона под основным текстом?

3. Как в блоке с оболочкой важная секция добавить контурную рамку фону основного текста?

4. Как в блоке с оболочкой важная секция изменить цвет фона у заголовка(названия блока)?

7. При наведении на "кабинет покупателя" в верхней шапке, а также при нажатии, цвет текста становится белым и его не видно. Как сделать его черным при наведении и нажатии на кнопку?

8. При нажатии на "корзину", цвет текста становится белым и его не видно. Как сделать его черным при нажатии на кнопку?

9. Как в блоке с любой оболочкой сделать название(заголовок) по центру страницы?


В Мерчиуме вы можете изменять свойства отдельных элементов (цвет, шрифт, рамку, расположение и т.д.) с помощью CSS правил. Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре.


Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить в секции Пользовательские CSS редактора тем.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Когда желаемый результат достигнут, полученный код можно перенести в секцию Пользовательские CSS редактора тем Мерчиума.


Так, например, чтобы в упрощенном основном контейнере сделать заголовок (название блока) по центру, необходимо добавить следующее правило в секцию Пользовательские CSS вашего редактора тем:

 

.ty-mainbox-simple-title {
    text-align: center;
}


На форуме вы также можете найти примеры изменения стилей для других элементов дизайна.

> 5. При написании основного текста, можно некоторые слова выделить другим цветом - необходим цвет #00сс00, его в стандартной палитре нет.

Если вы имеете в виду редактирование текста (например, описания товара или категории) с помощью HMTL редактора, мы можем посоветовать вам следующее. Выделите необходимый текст и измените цвет его шрифта на какой-либо цвет с помощью HTML редактора. Затем нажмите на кнопку Source, если у вас используется редактор CKEditor или TinyMCE или кнопку Код, если у вас используется Redactor. Вы увидите исходный код вашего описания. Замените кодовое обозначение цвета в этом описании на ваше и сохраните изменения.

> 6. Как изменить цвет фона одного пункта главного меню на #00сс00? (Необходимо выделить категорию SALE)

Ответ на этот вопрос есть в следующей ветке форума:

Цвет текста каталога

Спасибо.



Добрый день, спасибо за оперативный ответ, но общие советы по решению 1, 2,3, 4 вопросов мне не помогли. Можете пожалуйста подсказать что конкретно в моем случае и где прописывается? (Пробовала прописывать и в редактор тем-пользовательский css, и в  настройках секции, и в настройках конкретного блока... - безрезультатно).


По 5 и 6 вопросу - всё получилось, спасибо!


По принципу, описанному в ответе на 5 вопрос, пробовала менять цвет ссылок в тексте - какой бы цвет не прописала, все равно остается ссылка светло серого цвета... Что необходимо сделать?

Здравствуйте.


> Добрый день, спасибо за оперативный ответ, но общие советы по решению 1, 2,3, 4 вопросов мне не помогли. Можете пожалуйста подсказать что конкретно в моем случае и где прописывается? (Пробовала прописывать и в редактор тем-пользовательский css, и в  настройках секции, и в настройках конкретного блока... - безрезультатно).


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


> По принципу, описанному в ответе на 5 вопрос, пробовала менять цвет ссылок в тексте - какой бы цвет не прописала, все равно остается ссылка светло серого цвета... Что необходимо сделать?


Если вы хотите изменить цвет конкретной ссылки в тексте, вы можете воспользоваться тэгом style и CSS свойством color. Для этого откройте исходный код в HTML редакторе и добавьте его к вашей ссылке подобным образом:

<a style="color:red" href="http://google.com">Ссылка</a>

Вместо явного обозначения цвета вы можете использовать его код. После этого очистите кэш магазина по ссылке Администрирование > Хранилище данных > Очистить кэш и проверьте результат.


Спасибо.


Войдите, чтобы опубликовать свой комментарий