сделать текст плавающим справа от галереи слайдеров javascript

#javascript #jquery #wordpress #slider #css-float

#javascript #jquery #wordpress #слайдер #css-float

Вопрос:

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

Я попробовал следующее:

 .bioText{
font-size: 14px;
font-size: 1.428571429rem;
line-height: 1.2;
font-weight: normal;
}
.nextToPic{
float:left;
padding: 0px 15px 10px 15px;
display:block;
}

но, похоже, это не работает, какая-нибудь помощь?

это сайт, над которым я работаю http://thestudentbubble.com/hidden-gems/hidden-gems-restaurants/hub-box /

Ответ №1:

Добавить float:left в .slideshow-wrapper , и удалить с плавающей .nextToPic запятой , а также вы можете применить некоторые поля к .slideshow-wrapper .

1. поля, похоже, не работают — я тоже пробовал заполнять :/

2. margin: 0 20px 20px 0; только что протестировано в Firefox и Chrome, и это работает.

3. У меня есть это в css — ‘.slideshow-wrapper{ float:left; margin: 0 20px 20px 0;}’ Однако, если вы посмотрите на веб-сайт, на нем нет полей, он все еще очень ограничен. Кстати, спасибо вам за вашу помощь — я действительно ценю это.

4. Используйте его в #slideshow-wrappergallery1 !important предложении id или use .slideshow-wrapper{ margin: 0 20px 20px 0 !important } , атрибут id имеет более высокий приоритет, чем атрибут class.

5. идеально — Спасибо вам !! И спасибо за разъяснение разницы между идентификатором и приоритетом класса 🙂

Ответ №2:

попробуйте это:

 .nextToPic{
    float:right;
    padding: 0px 15px 10px 15px;
    display:block;
    direction:rtl;
}