Расстояние от слайдера до абзаца

Статус
Закрыто для дальнейших ответов.

Valtery

New Member
Регистрация
08.02.2017
Сообщения
6
Здравствуйте.

Буду безгранично благодарен за любую помощь.

У меня есть определенная проблема, и, к сожалению, самостоятельно решить ее у меня не получилось.

Мне нужно уменьшить расстояние между нижним концом слайдера и первым абзацем.

У меня Вордпресс.

Шаблон страницы:


<?php
/*
* Template Name: Home
*/
?>

<?php get_header(); ?>
<div class="slider-wrap">
<?php $slider = get_post_meta($post->ID, 'homeslider', true);
echo do_shortcode( $slider );?>
<?php get_template_part( 'inc/banner' ); ?>
</div>

<div class="content home_content">
<div class="container">
<div class="row">

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<div class="span8 post-detail">
<?php the_content();?>
</div>
<?php endwhile; ?>

<?php get_sidebar('page'); ?>

</div>
</div>
</div>

<?php get_footer(); ?>


Подскажите пожалуйста, в какую сторону рулить?
 

Вложения

  • 306,8 КБ Просмотры: 16

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Это правится в style.css или, может быть, в другом css файле.
Там надо найти класс slider-wrap и попробовать добавить ему margin или padding
 

Valtery

New Member
Регистрация
08.02.2017
Сообщения
6
BaNru сказал(а):
Это правится в style.css или, может быть, в другом css файле.
Там надо найти класс slider-wrap и попробовать добавить ему margin или padding
Благодарствую. Тема у меня покупная, поэтому немного проблемно для меня это все.

Style.css у меня такой:

/*

Theme Name: Attorney
Theme URI: http://themeforest.net/user/pixarwpthemes
Description: A premium wordpress theme for Lawyers, Law agencies and Law Companies. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Author: Pixar Themes.
Author URI: http://www.pixarwpthemes.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.7
Tags: black, brown, orange, tan, white, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, post-formats, translation-ready
Text Domain: PIXELART
*/




/****************************************************************************
WP CORE CLASSES
****************************************************************************/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 18px; line-height: 25px; margin: 0; padding: 0 4px 5px; }
.sticky {}
.gallery-caption {}
.bypostauthor {}
.nocomments {}


Есть еще main.css в котором есть этот раздел slider-wrap. Но! Я там пробовал менять практически все значения и никаких изменений не наблюдалось вообще((((


/****************************************************************************
*-*-*-* SLIDER *-*-*-*
****************************************************************************/
.wraper {background: #eeecec;}
.wrapr_two {background:#322c2b url("../images/bg2.png") no-repeat;}


.wrapr_two .slides .detail h1 {color: #ffffff;}
.wrapr_two .slides .detail h3 {color: #888180;}
.wrapr_two .slides .detail p {color: #6c6564;}


.slider-wrap { margin-bottom: 90px; position: relative;}
.slider-wrap > a { position: absolute; top: 50%; margin-top: -25px; width: `; z-index: 999999; height: 49px; display: block;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.slider-wrap > a:hover { background-position: 0 -49px !important; }
.slider-wrap > a.left { background: url("../images/left3.png") no-repeat; left: 0px; background-position: 0 0; }
.slider-wrap > a.right { background: url("../images/right3.png") no-repeat; right: 0px; background-position: 0 0; }


.slides {width: 100%;}


.slides .detail { padding-top: 140px; }
.slides .detail h1 { color: #322c2b; background: url("../images/heading-bg.png") left bottom no-repeat; padding-bottom: 15px; margin-bottom: 30px; font: 36px 'ralewaybold', sans-serif; }
.slides .detail h3 {color: #322c2b; margin-bottom: 50px; font: 36px 'ralewaylight', sans-serif;}
.slides .detail p { color: #322c2b; margin-bottom: 50px; font: 18px 'ralewayregular', sans-serif; line-height: 30px; }


.slides figure { height: 650px; width: 100%; }
.slides figure img { height: 100%; width: 100%; }


.flexslider {height:574px;position: relative; width: 102%; }
.flexslider .slides { width: 100%;height:574px;}
.flexslider .slides a { width: 95.6%;display: block;height:100%;}
.flexslider .slides a img { width: 100%;height:100%;}




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

Вложения

  • 312,8 КБ Просмотры: 63

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Открыть файл wp-content/themes/attorney/css/main.css
Найти строку .home_content {padding-top: 96px;background: none;}
И уменьшить значение.
 

Valtery

New Member
Регистрация
08.02.2017
Сообщения
6
BaNru сказал(а):
Открыть файл wp-content/themes/attorney/css/main.css
Найти строку .home_content {padding-top: 96px;background: none;}
И уменьшить значение.
Ноль реакции(((
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Я кое-как вытянул из тебя данные, смог найти эту тему, в ней нашел похожий элемент, у этого элемента именно так.
 

Valtery

New Member
Регистрация
08.02.2017
Сообщения
6
BaNru сказал(а):
Я кое-как вытянул из тебя данные, смог найти эту тему, в ней нашел похожий элемент, у этого элемента именно так.
Если вы мне сможете помочь я готов предоставить любые файлы. Сайтом занимаюсь сам, опыта особого нет, приходится все делать методом тыка. Но, тема вообще почему-то не реагирует на изменения в файлах .css. Я что уже только не менял.

Эта строчка, которую вы посоветовали изменить, находится у меня здесь:


Код:
/****************************************************************************

    *-*-*-* GALLERY *-*-*-*
****************************************************************************/


.portfolio-nav { margin-bottom: 60px;}
.portfolio-nav ul { margin-bottom: 15px; border-bottom: 1px solid #eeecec; display: block; }
.portfolio-nav li { float: left; margin-bottom: -1px; list-style-type: none; }
.portfolio-nav li a { padding: 0 9px 10px; display: inline-block; border-bottom: 1px solid #eeecec; font: 16px 'ralewaybold', sans-serif; color: #d1d1d1;
    -webkit-transition:all 0.6s ease-in-out 0s;
    -moz-transition:all 0.6s ease-in-out 0s;
    -o-transition:all 0.6s ease-in-out 0s;
}
.portfolio-nav li a:hover { color: #322c2b; border-color: #259c58; }
.portfolio-nav li .selected { color: #322c2b; border-color: #259c58; }


#project-container  { margin-bottom: 80px; width: 100%; }
.portfolio { text-align: center; margin-bottom: 30px; }
.portfolio.post { text-align: left; }
.portfolio > a { display: block; overflow: hidden; line-height: 0px; }
.portfolio > a img { opacity: 1;
    transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
}
.portfolio > a:hover img { opacity: 0.8; }
.portfolio .overlay { /*position: absolute; bottom: 0px; left: 0px;*/ background: #eeecec; padding: 15px 0px; width: 100%; text-align: center; }
.portfolio .overlay h6 { font: 25px 'ralewayregular', sans-serif; color: #322c2b; margin-bottom: 2px; }
.portfolio .overlay a { color: #259c58; font: 14px 'ralewayregular', sans-serif; }


.home_content { padding-top: 96px; background: none; }
Другого ничего нет.

В слайдере есть строчка

Код:
.slides .detail { padding-top: 140px; }
По цифрам вроде похоже, но когда ставлю 30 или 40 - ничего не происходит вообще. В принципе, у меня вообще ничего не меняется если изменить любые данные.

Или я чего то не понимаю.
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Я же явно написал какой файл.
Там должна быть эта строчка.
В слайдере строчка отвечает за страницу со слайдером.
Более точно могу сказать, если я увижу ссылку на страницу с проблемой.
По картинкам и обрезкам гадать сложно, не видя код самого элемента.

Вы точно обнуляли?

.home_content { padding-top: 0; background: none; }
И кеширование у вас надеюсь отключено?
 

Valtery

New Member
Регистрация
08.02.2017
Сообщения
6
Более точно могу сказать, если я увижу ссылку на страницу с проблемой.
Ссылка:
http://orenpravoved.ru/chernovik-2/

Проблемы как таковой нет. Моя тема, используя Revolution slider, позволяет сделать слайдер в начале страницы.
Но, мне очень не нравится большое расстояние между нижним краем слайдера и самой первой строчкой первого абзаца. Я хотел бы уменьшить это расстояние в двое. Это еще обусловлено и моей концепцией того, как должны выглядеть страницы сайта.

Вы точно обнуляли?
Ну как точно. Насколько я это понимаю. Поставил значение 0рх, сохранил файл, закачал его обратно через фтп.

Я же явно написал какой файл.
Так в этом файле и есть.
Прикрепляю.

Извините за непонятливость. Спасибо Вам большое, что вообще тратите на меня свое время и пытаетесь помочь.
 

Вложения

  • 48,7 КБ Просмотры: 31

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Ну вот же

Было

Убрал отступ, стало

Убрал именно там, где говорил, именно в этом файле, который вы кинули, строка 618

Если этого мало, то можно ещё изменить (тот же файл)
1) Строка 336, уменьшить .title_bar { margin-bottom: 72px; }
2) У слайдера, строка 253, уменьшить margin-bottom: 90px; у класса .slider-wrap

Необходимые цифры подбирай сам.
Только учти, что это отразится и на других страницах. В чужом шаблоне никогда не угадаешь что лучше сделать в ноль, а где нарастить, может это будет слайдер, может title_bar, а может home_content. То есть везде ноль ставить не хорошо будет, а где оставить цифру отличную от нуля - решать тебе. Можно везде по чуть чуть равномерно убрать, пока не будет желаемый результат.
 

Valtery

New Member
Регистрация
08.02.2017
Сообщения
6
Чувствую себя идиотом.

При изменении этого значения на 0рх при открытии через Гугл Хром ничего не меняется(файл RS).

А блин при открытии мозиллой и яндексом - меняется (файл RS2)

Получается. у меня все изменялось, но я этого в хроме не видел.


Уважаемый Андрей (если не ошибаюсь), я вам очень благодарен за помощь и уделенное мне время.
Спасибо огромное!!! Полученное именно то, что мне нужно.
 

Вложения

  • 399,8 КБ Просмотры: 51
  • 436,7 КБ Просмотры: 16

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Почитайте что такое "CTRL+F5"
 
Статус
Закрыто для дальнейших ответов.
Верх Низ