Перейти к содержанию
hellboy13

Как изменить цвет в определённых местах?

Рекомендуемые сообщения

Здравствуйте уважаемые пользователи OpenCart. Заранее прошу прощения за столь глупый вопрос,но помощи больше не от кого ждать.) Дело в том,что нужно изменить цвет текста в отдельных частях сайта.Я прекрасно понимаю,что всё это делается в CSS. Но к сожалению нет ни опыта,ни времени разобраться. Проблема состоит в том,что при изменении цвета ссылок меняется и цвет в верхнем меню. А мне лишь нужно изменить цвет ссылок в футоре сайта и выдвижной корзине. Кто подскажет,как правильно это организовать? 

P.S. ссылка на сайт 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

используйте

style="color: #ЦВЕТ"

например белый цвет ссылке на главную:

<a href="<?php echo $home; ?>" style="color: #fff"><?php echo $text_home; ?></a>

или любую ссылку:

<a href="ССЫЛКА" style="color: #ЦВЕТ">НАЗВАНИЕ ССЫЛКИ</a>

P.S. сборки Максисторе на этом форуме не приветствуются

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Изменено пользователем tim21701

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вижу сделали по образцу "Новости"
для кнопок думаю стоит добавлять еще один параметр background
пример 

<a href="ССЫЛКА" style="color: #fff; background: #000;">Новости</a>

в твоем случае:

background: url('../image/menu-item-right.png') top right no-repeat;
 
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Уже подправил.Спасибо Вам большое! Может ещё подскажите как в карточке товара  ссылки так же оставить белого цвета?А в корзине например чёрного? А то они все используют одинаковый стиль.

Изменено пользователем tim21701

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В файле стилей прописываете примерно такой код

a.korzina {
color: white;
здесь любые другие стили
}

a.sravneniya {
color: black;
здесь любые другие стили
}

 

А потом в коде к нужным ссылкам применяете соответствующий класс

<a href="ССЫЛКА" class="korzina">Новости</a>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
или  глобально можно поменять:
добавить в css 
.cart-info tbody .name a {
color: #000
} 

как я понял тут криво с цветовой гаммой...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Уже подправил.Спасибо Вам большое! Может ещё подскажите как в карточке товара  ссылки так же оставить белого цвета?А в корзине например чёрного? А то они все используют одинаковый стиль.

 

Не одинаковые. Смотрите если вы в хроме наедете мышкой на какой либо объект (в нашем случае ссылка) и кликните правой кнопкой мыши по объекты (по ссылки) и в выпадающем окошке выберете последний пункт (просмотр кода элемента) у вас внизу откроется окошечко в с древовидным видом верстки. При наведении на ниш мышкой вы будете видеть какой див за что отвечает, в браузере он будет синеньким подкрашиваться. Таким образов вы можете заметить что у карточке товара класс product-info а в корзине cart-info. Таким образом составляемые стиль для корточки товара   

 

.product-info a {
 color: #fff;
}

А для корзины 

 

.cart-info a {
 color:#000;
}

 

Ну и по ангиологии со всеми страницами, можно брать даже более почасные случаи, поменять только у отзывов 

 

.review a {
color:#000;
}
 

 

у отзывов только в карточке товаров 

 

.product-info .review a {
color:#000;
}
 

 

и так дальше

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.