far-scape

Помогите правильно убрать h2 из слайдера

12 сообщений в этой теме

Здравствуйте!

 

Проблема в общем такая, в слайдере заголовки статей в h2, хочу чтоб было просто заголовок ссылкой, ниже покажу пример картинками.

 

Сейчас в слайдере так:

 

AD7h47xf.jpg

 

CSS такой:

 

AD7h47xo.jpg

 

AD7h47xe.jpg

 

Хочу что бы было так:

 

AD7h47xh.jpg

 

При этом внешний вид сохранился....

 

Буду рад если кто подскажет как правильно сделать!

 

Заранее спасибо!

 

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


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

в css указать .main-slide-text span{ далее весть текст что в h2}

 

а в самом слайдере меняешь h2 на span

вот и всё...можно попробовать прописать в css

.main-slide-text a{ далее весть текст что в h2}

 

а h2 просто удалить, но не могу точно сказать будет ли работать не нарушая дизайн, нужно тестировать)

far-scape понравилось это

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


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

в css указать .main-slide-text span{ далее весть текст что в h2}

 

а в самом слайдере меняешь h2 на span

вот и всё...можно попробовать прописать в css

.main-slide-text a{ далее весть текст что в h2}

 

а h2 просто удалить, но не могу точно сказать будет ли работать не нарушая дизайн, нужно тестировать)

Я уже перепробовал много вариантов, дело в том что вроде все должно быть просто, но то не работает то сбивается что нибудь, а учитывая что я плохо разбираюсь решил написать.

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


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

либо создать новый класс в css и поменять h2 на p либо div с новым классом

far-scape понравилось это

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


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

либо создать новый класс в css и поменять h2 на p либо div с новым классом

Создать новый css собрав используемые параметры из всех классов?

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


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

Что, настолько убогий сайт, что ссылку оставить стыдно?) Ладно шучу, скиньте линк в личку постараюсь помочь

far-scape понравилось это

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


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

Что, настолько убогий сайт, что ссылку оставить стыдно?) Ладно шучу, скиньте линк в личку постараюсь помочь

Ссылку не оставляю по другим соображением, сейчас скину в личку.

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


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

Я уже перепробовал много вариантов, дело в том что вроде все должно быть просто, но то не работает то сбивается что нибудь, а учитывая что я плохо разбираюсь решил написать.

ну так получилось или не? кинул же два варианта, должно работать) если не получится - кидай ссылку - помогу

far-scape понравилось это

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


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

ну так получилось или не? кинул же два варианта, должно работать) если не получится - кидай ссылку - помогу

Нет не получилось, сейчас скину!

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


Ссылка на сообщение
Поделиться на других сайтах
.main-slide-text a {
    color: #fff;
    font-family: Oswald,sans-serif;
    font-size: 20px;
    line-height: 120%;
    margin: -26px auto 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 3px 0 6px rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    width: 100%;
}

Попробуйте

 

P.S Вроде работает

far-scape понравилось это

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


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

Всем спасибо, проблема решена, проблема была в том что из h2 брался параметр display: block, стоило его дописать как все стало как положено! :)

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


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

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу