Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.78/18: Рейтинг темы: голосов - 18, средняя оценка - 4.78
1 / 1 / 0
Регистрация: 04.11.2012
Сообщений: 91

Убрать рамку вокруг текста в слайдере

16.02.2017, 21:14. Показов 3585. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет!
Ковыряю один шаблончик на вордпресс, там встроен слайдер. С такимм еще не работал. Поэтому вопрос:
Вот эту белую рамку вокруг текста, как ее убрать или сделать полупрозрачной?

Слайдер сразу на главной: http://esterchem.ru
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 <?php 
    $slider_activation = get_theme_mod( 'codepress_corporate_slider_activation_setting', 1 );
 
    if( $slider_activation == 1 ) {
    if (is_front_page() || is_home() ) {
       if( get_option( 'show_on_front' ) != 'posts' ): 
 
     ?> <section class="banner-slider"> <div id="banner-slider" class="owl-carousel owl-theme b-slider"> <?php 
                    $args = array(
                                    'post_type' => 'post',
                                    'post_status' => 'publish',
                                    'posts_per_page' => 6,
                                    'cat' => absint($slider_category)
                                    );
        
                    $query = new WP_Query($args);
 
                    while( $query->have_posts() ) : $query->the_post();
 
                    if ( has_post_thumbnail()) {
                    $image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'codepress_corporate_slider_image');
               
            ?> <div class="item slider"> <div class="b-img"> <?php if(!empty($image_url[0])){
                        ?> <img src="<?php echo esc_url($image_url[0]); ?>" alt="<?php the_title_attribute(); ?>"> <?php    
                        } ?> <div class="bg"></div> </div> <div class="caption"> <div class="outer"> <div class="inner"> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <?php //if( post_content() != '' ) : ?> <?php codepress_corporate_add_excerpt_length( apply_filters( 'codepress_corporate_service_excerpt_length', 20 ) );
                                    the_excerpt();
                                    codepress_corporate_remove_excerpt_length();
                                ?> <?php //endif; ?> </div> </div> </div> </div> <?php  }
 
            endwhile; ?> <?php wp_reset_postdata(); ?> </div> </section> <?php
  
     endif;
        }
      }
 
    /** Slider-end */
 Комментарий модератора 
На каждый вопрос создавайте по одной теме! (Правила п.4.4)


Добавлено через 25 минут
Вот код из стайла для слайдера
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
.inner { 
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
 
.inner h2 {
    color: #444;
    background: #fff;
    display: inline-block;
    padding:14px 50px;;
    margin: 0 auto 0;
    font-size: 38px;
    font-weight: 600;
    font-family: 'Roboto'; 
    line-height: 24px;
    text-transform: uppercase;
}
 
.inner h2 a {
    text-decoration: none;
    color: #444;
    font-weight: 600;
    font-family: 'Roboto'; 
    line-height: 46px;
}
 
.inner h2 span {
    color: #3498db;
}
 
.inner h2 i {
    color: #777;
    font-weight: 400;
    text-transform: none;
}
 
.inner p {
    color: #fff;   
    font-size: 17px;
    font-weight: 400;
    font-family: 'Roboto'; 
    line-height: 30px;
    padding: 36px 0;
    max-width: 757px;
    margin: 0 auto;
}
 
.inner>a {
    color: #fff;   
    font-size: 16px;
    border: 1px solid #fff;
    font-weight: 400;
    font-family: 'Roboto';  
    padding: 14px 20px;
    display: inline-block; 
    margin: 0 auto;
    line-height: 18px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
    position: relative;
}
 
.inner>a:hover {
    color: #fff;   
    background: #3498db;
    font-size: 16px;
    border: 1px solid transparent;
    font-weight: 400;
    font-family: 'Roboto';   
    line-height: 18px;
    text-decoration: none;
Добавлено через 25 минут
А, все, спасибо, оказывается нужно было кэш сбрасывать
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
16.02.2017, 21:14
Ответы с готовыми решениями:

Как убрать пунктирную рамку вокруг ссылки
Как убрать пунктирную рамку вокруг ссылки ?

Убрать рамку (отступы) вокруг прикрепленного swf контента
Добрый день. Прикрепляю фото-галерею на технологии swf. Но вокруг этого swf появляется рамка. Справа на лево. Слева и внизу отступов...

Растянуть рамку вокруг текста по горизонтали
Подскажите, как растянуть рамку вокруг текста по горизонтали?

2
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
16.02.2017, 21:16
Рамка задается в 1382 строке файла style.css:
CSS
1
2
.inner h2 {
  background: #fff;
0
1 / 1 / 0
Регистрация: 04.11.2012
Сообщений: 91
16.02.2017, 21:17  [ТС]
Спасибо дружище, после второй работы всем занимаюсь. Кэш сбрасывать забывал, поэтому оказывается ничего и не менялось
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
16.02.2017, 21:17
Помогаю со студенческими работами здесь

сделать рамку вокруг отсновного текста
Вот такой у меня шаблон есть, мне бы хотелось, сделать рамку вокруг отсновного текста, как я нарисавала красным, чтоб в стиль была с...

Как сделать рамку вокруг текста и изображения?
Подскажите пожалуйста, у меня есть изображение и ниже несколько слов, как вокруг всего этого сделать рамку? Я писал просто border но из за...

Добавить рамку вокруг виджета карты
Добрый день. Как добавить рамку вокруг виджета карты чтобы он не сливался с основной картой? http://selftrips.ru/2012/04/27/558 ...

Сделать не фиксированную рамку вокруг сайта
Поместил рамку вокруг сайта, но она фиксированная, пробовал изменить значение в css position: fixed; на scroll, ни чего не вышло, надеюсь...

как сделать рамку вокруг блока с фото и текстом?
подскажите плагин или как подробно опишите сделать чтобы в рамке, цветной, размещались фото + текст+ кнопка.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru