Revolution Slider Navigation – Arrow settings not working

[mviens]

Hello,

Great theme!

I believe there may be a conflict in the css between Flexform and Revolution Slider.
I have my Navigation Left/Right Arrow Vertical Align set to “Bottom” and the Horizontal and Vertical Offsets to “20”.
When I view the Revolution Slider, the Arrows are centered vertically and have more than a 20px offset.
When I view the css code via Firebug, I see conflicting styles that are over-riding my settings:

1) This element style appears to reflect what I put for my vertical/horizontal offsets in the settings but there is a conflict within itself because it states a bottom as well as a top position.

element.style {
    bottom: 20px;
    left: 20px;
    position: absolute;
    top: 110px;
}

2) This would be the code over-riding the horizontal offset I specified in the settings.
From /style.css, on line 622:

.rev_slider_wrapper:hover > .tp-leftarrow {
	opacity: 1;
	filter:alpha(opacity=100);
	left: 50px!important;
}

3) And the following from line 553 in /style.css is also over-riding the position and vertical offset I specified in the settings:

.rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-leftarrow.large, .rev_slider_wrapper .tp-leftarrow.square, .rev_slider_wrapper .tp-leftarrow.round, .rev_slider_wrapper .tp-leftarrow.default {
	background: transparent url('images/showcase-nav.png') no-repeat center left;
	width: 36px;
	height: 36px;
	display: block;
	margin: 0;
	position: absolute;
<strong>	top: 50%!important;</strong>
	left: -36px!important;
	margin-top: -18px;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}
.rev_slider_wrapper .tp-rightarrow, .rev_slider_wrapper .tp-rightarrow.large, .rev_slider_wrapper .tp-rightarrow.square, .rev_slider_wrapper .tp-rightarrow.round, .rev_slider_wrapper .tp-rightarrow.default {
	background: transparent url('images/showcase-nav.png') no-repeat 100% 0;
	width: 36px;
	height: 36px;
	display: block;
	margin: 0;
	position: absolute;
<strong>	top: 50%!important;</strong>
	right: -36px!important;
	margin-top: -18px;
	left: auto!important;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

I believe I can manually over-ride the settings in my Child theme css but that doesn’t resolve what appear to be code conflicts in the Theme and Revolution Slider.

Thank you for your assistance.

[laranz – SUPPORT]

Hi,

I forward this to the Revolution Slider Guy 🙂

He will reply you as soon as possible.

Thanks,
laranz.

[Tahir – SUPPORT]

Hi,

Please provide url and wp-admin details in a private post so i can see the conflicts in the browser.

Thanks
Tahir

[mviens]

This reply has been marked as private.

[Tahir – SUPPORT]

Hi,
Please see Screenshot Link: http://prntscr.com/1wa1ma

If you right-click Inspect element in Chrome Browser you can see which css are getting overwritten. IF your css is getting overwritten try writing !important after the property eg { top:50% !important; }

Thanks
Tahir

[mviens]

Hi Tahir,

I’m not trying to edit the css directly so I shouldn’t have to use !important.
I should be able to make this adjustment in the Revolution Sliders interface.

Go to Revolution Slider / Edit Slider / Navigation
– in this panel are settings that should adjust the placement/style of the Slider Navigation but only some of them appear to be effective.

If you look, you’ll see my current settings are:
Navigation Left/Right Arrow Vertical Align set to “Bottom” and the Horizontal and Vertical Offsets to “20″.
However, when I view the Revolution Slider, the Arrows are centered vertically and have more than a 20px offset.

Michael

[Tahir – SUPPORT]

Hi Michael,

Correct, but the theme author has made changes to the the revolution slider button css , to make it blend with the theme.

If you would like to default back to the revolution slider native settings you will have to remove the additonal css added by the theme in style.css.

Hope this helps, Let me know if you need further help.

Thanks
Tahir