Align Slider and Arrow Icons

Hello,

If you can see my demo site,

http://fractalblognetwork.com/eva/

I have made the slider smaller, but im not sure how i can align it in the center with responsive behavior.

I would also like to activate the arrow icons at the side of the slider how would i do that ?

Thanks
Clyde

 

Hello,
Put the following code in your custom css

Appearance -> theme options -> styling options -> custom css

Code:

.flexslider {
    margin-left: 150px;
    }
    @media only screen and (max-width: 959px) and (min-width: 768px)
    .flexslider {
    margin-left: 40px;
    }

This will solve your problem.

 

hi harmeet,

this does not worjk with the responsive layout,.... as when you resize the window to that of a phone screen you will see the image is not aligned in the center...

thanks

 

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

@media only screen and (max-width: 959px) and (min-width: 768px){
    .flexslider {
    margin-left: 0px;
    }}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.flexslider {
    margin-left: 0px;
    }}
@media only screen and (max-width: 480px) {
.flexslider {
    margin-left: 0px;
    }}

This will solve your issue.

 

hi piyush

i have not tried that code

but for flexislider this code

Code:

.flexslider {
margin: 0 auto; 

always aligns the image to the middle same as yours just smaller
also i have not been told how to display the arrow. .. please help me with that... thanks

 

Please again download the fresh copy of Realphotography theme from members area (http://inkthemes.com/members/member/index) and replace the theme from previous one. This will solve your issue.

 

Hi Piyush ,

I already am on the latest version, i also reinstalled the theme, but there are no arrows at the side of the slider still........

Thanks,
Clyde

 

Hello,
We have checked your website and it seems that you are using only single image in your slider that's why the arrows are not showing in your slider, Use atleast two images in your slider side arrows automatically seems at your slider.

 

oh thanks