Нужно изменить панель фильтра wordpress elementor CSS - PullRequest
Новая
       24

Нужно изменить панель фильтра wordpress elementor CSS

0 голосов
/ 21 апреля 2020

Как вы видите на картинке, я хочу по крайней мере сделать 1 из этих вариантов с моим портфелем панелей пост-фильтров в elementor pro в wordpress. Я пробовал некоторый код, но мне удалось только изменить настройки наведения и глобальные настройки текста. Поэтому я хочу изменить тот, который выбран, чтобы иметь рамку вокруг него.

Еще один вариант - создать 8 столбцов, а тот, который выбран, имеет другой цвет фона и другой цвет. Каждая помощь будет принята к сведению!

Также можно ли избавиться от движущихся слов с небольшим апаратом, когда я наведу курсор на текст и появится рамка? 

#my-port .elementor-portfolio__filters {

    column-count:9;
    column-rule-style:auto;
  padding-bottom:10px;
    padding-top:10px;
    padding-left:30px;
    padding-right:30px;
    border-bottom:10px;
    border-top:10px;
    border-left:30px;
    border-right:30px;
  justify-content: center;
    word-spacing:4px;
    border-style:solid;
    border-color: #243980;
    border-width: 2px;

    }

#my-port .elementor-portfolio__filters{
  color: #243980;

}
#my-port .elementor-portfolio__filters li:hover {
  color: #243980;
/*  background-color: #243980; */
    border-style:solid;
    border-color: #243980;
}
#my-port .elementor-portfolio__filters li:visited {
  color: #243980;
    background-color:red;
    background-color: #243980; 
    border-style:solid;
    border-color: #243980;
    border-radius: 50px; 

}

Старый фильтр и необходимый фильтр

...