Revolution Slider

[jamesh]

I’m trying to style the revolution slider navigation arrows to look more like your swift slider arrows but keep on hitting a brick wall.

I have place the following code in my child theme:

/**REV SLIDER **/

.tparrows {
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 0px;
border-radius: 0px;
width: 40px !important;
height: 40px !important;
top: auto !important;
}

.tparrows.default:after {
color: #fff;
font-size: 25px;
position: absolute;
z-index: 10;
width:40px;
line-height:40px;
text-align:center;
font-weight: 300;
top:0px; left:0px;
font-family: ‘fontello’;
}

.tp-rightarrow.tparrows.default:after { content: ‘\e802’; }
.tp-leftarrow.tparrows.default:after { content: ‘\e803’; }

This has replaced the bundled arrows that came with the theme but is not calling the Fontello arrows?! Is there any way around this other than replacing the .png within the parent style.css?

Thanks

James

I have uploaded all the relevant files to my directory and called the font.

@font-face {
font-family: ‘fontello’;
src: url(‘http//albionparties.com/font/fontello.eot?52599099’);
src: url(‘http//albionparties.comfont/fontello.eot?52599099#iefix’) format(’embedded-opentype’),
url(‘http//albionparties.comfont/fontello.woff?52599099’) format(‘woff’),
url(‘http//albionparties.com/font/fontello.ttf?52599099’) format(‘truetype’),
url(‘http//albionparties.com/font/fontello.svg?52599099#fontello’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: ‘fontello’;
src: url(‘../font/fontello.svg?52599099#fontello’) format(‘svg’);
}
}
*/

[class^=”icon-“]:before, [class*=” icon-“]:before {
font-family: “fontello”;
font-style: normal;
font-weight: normal;
speak: none;

display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */

/* For safety – reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;

/* fix buttons height, for twitter bootstrap */
line-height: 1em;

/* Animation center compensation – margins should be symmetric */
/* remove if not needed */
margin-left: .2em;

/* you can be more comfortable with increased icons size */
/* font-size: 120%; */

/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-left:before { content: ‘\e802’; } /* ” */
.icon-right:before { content: ‘\e803’; } /* ” */

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us an url to the page that have the Rev Slider?

-Rui

[atreyuas]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

@atreyuas,

Can you make your reply public so that @jamesh can see it?
Thanks.

-Rui

[atreyuas]

I don’t know how to make the reply public, there’s no “edit” button on the post 🙁

Quoting it:

Hello,
I also had a similar issue with rev-slider. I had to remove fom style.css (parent theme) all the style’s selectors regarding .tp-*arrow.

I’ave attached the file as reference. All the commented lines are marked with a comment “Removed for compatibility issues ”

@guerreiro-rui
Is the development team planning to update style.css and fix the issues in the next release?

Thanks,
Andrea

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

@atreyuas,

Will have to forward to the development team, only they can reply that question.
Thanks.

-Rui

[Swift Ideas – Ed]

No problem, will remove those lines for the next update.

– Ed

[atreyuas]

Thank you so much Ed,
Andrea

[Rui Guerreiro – SUPPORT]

No problem. Thanks Ed.
-Rui