Jump to content
Sign in to follow this  
hellboy13

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

используйте

style="color: #ЦВЕТ"

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

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

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

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

Edited by tim21701

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

Edited by tim21701

Share this post


Link to post
Share on other sites

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

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

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

 

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

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

Share this post


Link to post
Share on other sites
или  глобально можно поменять:
добавить в css 
.cart-info tbody .name a {
color: #000
} 

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

А для корзины 

 

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

 

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

 

.review a {
color:#000;
}
 

 

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

 

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

 

и так дальше

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.