Slider Revolution Responsive, как подключить svg стрелки?

CHADREX

Психопат
Регистрация
12 Янв 2014
Сообщения
623
Реакции
248
Доброй ночи, мне нужна помощь. Мне понравилось оформление слайдера на одном сайте, собственно вот он: Для просмотра ссылки Войди или Зарегистрируйся

По коду не трудно догадаться что отвечает за этот стиль.
Для просмотра ссылки Войди или Зарегистрируйся - раздел
/* 6. Revolution Slider Setup Graphics

Так вот, при попытке установить себе этот стиль, возникает одна проблема - не видно самих стрелок переключения. Так вот вопрос, как сделать так чтобы они были видны. Я не знаю куда там нужно вставить ссылку на .svg файл.
 
Вот что у меня стоит:

PHP:
@font-face {
    font-family: 'linecons';
    src:url('/wp_content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.eot');
        url('/wp_content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.woff') format('woff'),
        url('/wp_content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.ttf') format('truetype'),
        url('/wp_content/plugins/js_composer/assets/css/lib/vc-linecons/fonts/vc_linecons.svg#Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'Icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

[class^="font-"]:before, [class*=" font-"]:before {
    font-family: 'Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

/*-----------------------------------------------------------------------------------*/
/*    Revolution Slider Setup Graphics
/*-----------------------------------------------------------------------------------*/

.main-content .container-fluid .revolution_slider_container {
    margin-right: -15px;
    margin-left: -15px;
}

.fullwidthbanner ul li {
    list-style: none;
}

.rev_slider_wrapper:hover .tparrows {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.tp-bullets.simplebullets.round .bullet {
    margin-top: 0;
    margin-left: 20px;
    width: 11px;
    height: 11px;
    background-color: #FFFFFF;
    background-image: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background 0.15s ease-in-out 0s;
    -moz-transition: background 0.15s ease-in-out 0s;
    -o-transition: background 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s;
}

.tp-bullets.simplebullets.round .bullet.first {
    margin-left: 0 !important;
}
.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 0 !important;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background-color: #F05253;
}

.tparrows:before {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 48px;
    text-align: center;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    font-family: 'Icons';
}

.tparrows:before {
    margin-top: 23px;
}

.tp-leftarrow.default {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 48px;
    height: 68px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background-color: #171717;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
}

.tp-rightarrow.default {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 48px;
    height: 68px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background-color: #171717;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
}

.tparrows {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 48px;
    height: 68px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #171717;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    -moz-transition: opacity 0.15s ease-in-out 0s;
    -o-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

.tp-leftarrow:before {
    content: "\e6e8";
}

.tp-rightarrow:before {
    content: "\e6e9";
}

.tparrows:hover {
    opacity: 0.8 !important;
    filter: alpha(opacity=80) !important;
}

.tp-caption.very_big_custom_text {
    position: absolute;
    color: #FFFFFF;
    text-shadow: none;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.3em;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    white-space:nowrap;
}

.tp-bannertimer {
    z-index: 20;  
}

.tp-caption.fullscreenvideo iframe {
    border: none;  
}
 
Последнее редактирование:
а ты различаешь два разных слова?
у тебя шрифт стоит vc_linecons а везде в font-family прописан просто icons.
как оно тебе найдет тот шрифт которого вообще нет, просто смени в font-family на нормальную назву.
Похоже я тупанул конкретно. Спасибо за наводку. Я еще про другое хотел спросить. Почему путь к файлу прописан не полностью.

Там было так _include/...
А парка в WordPress именуется обычно /wp_include/ в чем прикол?
 
дайте демо своего сайта на котором установлен етот слайдер и я тогда покажу почему такой путь.

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

Та я это уже давно изменил. Не в этом проблема даже. Да и шрифт подключен уже, хоть и в другом месте.
 
Назад
Сверху