• Подружить OwlCarousel c NanoGallery2 и Bootstrap 4?

    iDomanOff
    @iDomanOff Автор вопроса
    А ларчик просто открывался))
    все решается добавлением responsiveRefreshRate
    в JS слайдера... )
    Ответ написан
    Комментировать
  • Не компилируется данный sass код, что нужно исправить?

    iDomanOff
    @iDomanOff
    После двоеточия нужно пробелы добавлять...
    $text-color: #333333
    $dark-color: #000000
    $red-color: #9b1818
    $blur-color: #003469
    $green-color: #67bc5c
    
    body
    	font-family: "RobotoRegular", sans-serif
    	color: $text-color
    	font-weight: normal
    	font-size: 16px
    	min-width: 320px
    	position: relative
    	line-height: 1.6
    	-webkit-font-smoothing: antialised
    	
    h1
    	color:#fff
    	font-size: 60px
    	line-height: 56px
    	font-weight: bold
    	font-family: "Cleanvertising", sans-serif
    	
    section
    	padding: 58px 0 68px
    	&.s_dark
    		h2, h3, p
    			color:#fff
    	h2
    		color: $blur-color
    		font-size: 50px
    		line-height: 56px
    		margin-bottom: 50px
    		
    body input:focus:required:invalid,
    body textarea:focus:required:invalid
    	color: red
    body input:required:valid,
    body textarea:required:valid
    	color: green
    
    .hidden
    	display: none
    
    
    header
    	min-height: 640px
    	background-image: url(../img/top__bg.jpg)
    	background-position: top center
    	background-size: cover

    и все компилится
    body {
      font-family: "RobotoRegular", sans-serif;
      color: #333333;
      font-weight: normal;
      font-size: 16px;
      min-width: 320px;
      position: relative;
      line-height: 1.6;
      -webkit-font-smoothing: antialised;
    }
    
    h1 {
      color: #fff;
      font-size: 60px;
      line-height: 56px;
      font-weight: bold;
      font-family: "Cleanvertising", sans-serif;
    }
    
    section {
      padding: 58px 0 68px;
    }
    
    section.s_dark h2, section.s_dark h3, section.s_dark p {
      color: #fff;
    }
    
    section h2 {
      color: #003469;
      font-size: 50px;
      line-height: 56px;
      margin-bottom: 50px;
    }
    
    body input:focus:required:invalid,
    body textarea:focus:required:invalid {
      color: red;
    }
    
    body input:required:valid,
    body textarea:required:valid {
      color: green;
    }
    
    .hidden {
      display: none;
    }
    
    header {
      min-height: 640px;
      background-image: url(../img/top__bg.jpg);
      background-position: top center;
      -webkit-background-size: cover;
              background-size: cover;
    }
    Ответ написан
  • Можно ли переопределять стандартные стили слайдера?

    iDomanOff
    @iDomanOff
    <!-- bxSlider CSS file -->
    <link href="/lib/jquery.bxslider.css" rel="stylesheet" />

    У слайдера, как минимум, есть свои стили, значит и изменить их возможно. Вы хоть скрин бы приложили и образно описали, что нужно изменить.
    Здесь можно изменить размеры и положение навигации, просто перепишите их в своем файле css
    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -17px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;

    Здесь непосредственно картинка наигации: .bx-next и .bx-prev соответственно
    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls.png) no-repeat -43px -32px;

    .bx-wrapper {
          box-shadow: none !important;
          border: 0 !important;  
    }
    .bx-wrapper .bx-controls-direction a {
         top: 100% !important;
         margin-top: 10px !important;
    }
    .bx-wrapper .bx-next {
         right: 90% !important;
    Ответ написан
    3 комментария
  • Bootstrap, как изменить отступы?

    iDomanOff
    @iDomanOff
    как вариант еще
    $gutter: 
    $grid-gutter-width
    Ответ написан
    Комментировать
  • Как можно защитить готвую верску от копирования заказчиком? Защита лендингов от кражи?

    iDomanOff
    @iDomanOff
    localtunnel.me вам в помощь! ссылка как раз будет на время демонстрации
    в галп добавить таск
    gulp.task('browser-sync', function() {
    	browserSync({
    		server: {
    			baseDir: 'app'
    		},
    		notify: false,
    		 tunnel: true,
    		 tunnel: "projectname", 
    	});
    Ответ написан
    Комментировать
  • Я не могу понять почему не подключается картинка?

    iDomanOff
    @iDomanOff
    Блок есть на странице? посмотри в коде элемента
    Ответ написан
    Комментировать