Hellow please see image attached.

I need to edit "bottom" and "left" properties to send the slideshow's navigation buttons further down and to the left. Where can I find the folder containing the css to make these changes.

Please see image attached it displays the path where the css would be stored but I dont know where is it.

My website is:

fancybirdphoto.com/

Thanks alot.

Hi

Where exactly are you wanting to position them?

As there isn't much further you can move them down and left wise

Cheers
Paul

Hi Paul,

For the arrows in the left of the slideshow I am looking for a change to:

bottom: 10px;
left: 10px;

For the thumbnails in the right of the slideshow I am looking for a change to:

bottom: 4px;
right: 9px;

I know its a trivial adjustment but in my case moving these icons just a little bit makes a big differences as many of my photo's important areas like the tail of a hummingbird can end up behind these icons. For example the hummingbird that I currently have in the slideshow has the tail too close to the arrow icons and the photo looses its balance and points of interest.

Worst case scenario, if I cannot access the css of the slideshow to make this little change, is there a way to remove the slideshow arrows and thumbnails completely. I would really prefer to have acces to the css to make changes and try different positions.

Right

so try adding below for the arrows

body .backstretch-wrapper .backstretch-nav {

bottom: 10px;
left: 10px;
}

for the thumbnails

body .backstretch-wrapper .backstretch-thumbs {
bottom: 4px;
right: 9px;
}

These two styles will affect all backstretch modules - is this what you want to happen or just this individual module?

Cheers
Paul

Yes I want the changes to apply to the backstretch module. I want this changes to be working everytime I used the module.

I have not been able to find the folder where I can make the change in the css

The styles I suggested should work for every instance of the backstretch module.

If you wanted to target the module specifically you would use the module ID

you can find the module ID either via module manager or by viewing the source code

#zentools-92 for example is the module id on the home page

Cheers
Paul

You would need to add css changes like this to the custom.css file