Adjusting navigation controls

11 years 2 months ago #27109 by Danimeeka
Hi! I am using Hot Responsive Slideshow with the Wedding template, which I am modifying for use as a harp showroom website. The control buttons are currently little pink hearts. Can you please direct me to the location of the code so that I can change this image?

Also, the navigation controls (left and right arrows) are too high and often overlap with the text. I am building the website at if you would like to have a look. Can you please let me know where to find the code so that I can lower their position?


Please Log in to join the conversation.

11 years 2 months ago #27124 by ivan.milic
You can change by changing this images:


in modules/mod_hot_responsive_slideshow/tmpl/style.css

css class that defines arrows top postion:

.flex-direction-nav li a {
width: 52px;
height: 52px;
margin: -13px 0 0;
display: block;
background: url(../images/bg_direction_nav.png) no-repeat;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -999em;

so top: 50%; you can maybe think of something better
The following user(s) said Thank You: Danimeeka

Please Log in to join the conversation.

Time to create page: 0.331 seconds
Powered by Kunena Forum