• Всем добрый вечер.На сайте начал изменять стили разных элементов и столкнулся с небольшой проблемой.Делаю интернет магазин,хотел сделать черные рамки у фотографий товаров, так как без них они совсем постно смотрятся.Все сделал,но рамки появились у всех подобных элементов на сайте. Гуру,пожалуйста,подскажите как сделать так,чтобы стили менялись у конкретного мне элемента?

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Вам нужно точнее определить стилевое правило для элемента например поднявшись к родительскому элементу. В хороших ВП темах и в теге body есть классы — чтобы привязаться к конкретной странице.

    Например поставив:

    img {
       border:2px solid #000;
    }

    вы получите черную рамку у всех изображений,
    а уточнив:

    .some_class img {
       border:2px solid #000;
    }

    — вы точней определите элемент. Поэтому и называется CSS — «каскадные таблицы стилей»

    Больше сказать вам нечего — вы не дали конкретики. И даже по скринам ничего не посоветовать — нужен живой сайт

    Ну впрочем — это азы. Учитесь в интернете: «css для чайников»

    @otshelnik-fm
    http://kurtkax9.beget.tech вот собственно сайт
    Хочу сделать рамку для изображений товаров на этой странице http://kurtkax9.beget.tech/product-category/газ-21/ и на аналогичных.

    там есть черная рамка

    О чем я и говорил выше — вы применили стиль к img.
    Пробуйте уточнить, взяв класс одного из родителей.
    Например:

    .type-product .attachment-woocommerce_thumbnail {
      border: 4px solid #333333;
    }

    @otshelnik-fm
    Спасибо вам за наводочку)разобрался)

    Добрый вечер,форумчане!)
    Решил попробовать изменить стили бокового меню на сайте,а именно вот на этой странице ( http://kurtkax9.beget.tech/product-category/газ-21/двигатель/ ) и на аналогичных.
    При попытке изменить изменить цвет элементов меню, меняются все похожие элементы на других страницах:( Не могу понять,что нужно дописать,чтобы менялись стили только бокового меню(.
    Добавляю вот такой код

    .product-category.product {
       background-color: #00ff00; 
    }

    Что делаю не так,подскажите,плиз)
    P.S. У вас возможно не будет видно изменений и обновите страницу:)

    Довольн осложно найти имя стиля который отвечает за данный элемент.
    Для этого можно использовать отладчик браузера.
    Я пользуюсь Хромом.
    Нажимаем Ф12 и передвигаясь по элементам, раскрывая их находим нужный. В соответствующей табле есть параметры ccs и наименование.
    Вот это имя рисует значения.

    Что делаю не так,подскажите,плиз)

    Игнорируете правила форума, п2

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Как поменять css конкретного элемента.» закрыта для новых ответов.