Removing navigation arrows from the 'Slide' element

Posted in: Newspaper
Post count: 36

Hi, i want to display one post at the top of my page (in this case under the ‘Projects’ header). The ‘slide’ element gives me the look i’m after, when set to display 1 post, but i now need to remove the navigation arrows, is this possible?

http://www.dynamicevents.org/test/

Thanks

Post count: 7909

Hi,

Yes you can, using custom css in Theme Panel > Custom Css. Please try this code if you want to apply this on on that page – http://screencast.com/t/m8Buto292Z

.page-id-4954 .td-theme-slider:hover .td-icon-left, .page-id-4954 .td-theme-slider:hover .td-icon-right {
opacity: 0 !important;;
}
.page-id-4954 .td-slider {
cursor: pointer !important;
}

Thanks!

Post count: 36

Thanks, that worked

Post count: 36

Hi,

i’ve been updating my site today, it’s now positioned here…

http://wwww.darcmagazine.com

unfortunately the CSS code you gave me to hide the navigation arrows on the ‘slide’ element has stopped working.

Can you advise?

Thanks

Post count: 22421

Hello,
Unfortunately your website cannot be accessed and i could not inspect the issue. Please let us know when we can access it.
Thank you!

Post count: 36

Sorry, i put an extra ‘w’ in the URL

http://www.darcmagazine.com

Post count: 22421

:)) Mistake by my part as well. Did not see the 4 w’s.

Please use this custom css and remove the old one:

.home .tp-rightarrow.default, .home .tp-leftarrow.default{
display:none !important;
}

Thank you!

Post count: 36

Sorry, this seems to have removed the navigation from the revolution slider rather than the navigation on the slide element (project) which is what i was after.

Thanks

Post count: 22421

Use this code instead:
.home .td-theme-slider:hover .td-icon-left, .home .td-theme-slider:hover .td-icon-right {
opacity: 0 !important;;
}
.home .td-slider {
cursor: pointer !important;
}

Thanks.

Post count: 36

Thanks, that’s great

Viewing 10 posts - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.