Я пытаюсь удалить круг, созданный в CSS, но когда я удаляю несколько строк, используя тот же класс, увеличительное стекло на нем увеличивается, но я хочу, чтобы он оставался того же размера.
URL-адрес сайта: https://goo.gl/S0yQQ5 Вы можете увидеть кружок, наведя курсор на изображение.
Классы: маска, маска_круг
CSS: https://pastebin.com/szdyQRp9
Спасибо!
Добавьте это в свою таблицу стилей:
.mask_circle { display: none; }
[ИЗМЕНИТЬ на основе комментариев]
Если вы хотите сохранить увеличительное стекло, но в виде прямоугольника (не круга), сделайте следующее:
.one_fourth.gallery4:hover .mask .mask_circle {
border-radius: 200px; /* delete this line */
Обратите внимание, что в вашей таблице стилей также есть стили .one_half, .one_third, которые придают .mask_circle внутри этих конкретных классов закругленную рамку. Вам нужно будет изменить их все, если вы тоже используете эти стили. Или вы можете сделать это быстро и грязно (!!) способом:
.mask_circle {
border-radius: 0 !important;
}
