Questions on Carousel arrow & spaces on home page

[zardaclothing]

Hi,

1. I want the carousel arrow to appear in center of the page instead of on the right. Pls see the screenshot 1.

2. I dont want space between the bullet button on carousel. Pls see the screenshot 2.

Frankly speaking, Your theme is wonderful if compare with other wordpress premium theme..Hope swift ideas will gain more likes from more people…And support people are very efficient:)

Attachments:

You must be logged in to view attached files.

[zardaclothing]

Hi attach again the 2nd screenshot

Attachments:

You must be logged in to view attached files.

[zardaclothing]

Hi

Any solution for this?

Appreciate your help

[Mohammad – SUPPORT]

Hi,
Please use the mb0 pb0 mt0 pt0 as extra class to reduce the white space.
Thanks
Mohammad

[zardaclothing]

Hi

Can you take a look at my first question about how to put the arrow in middle?

Thanks

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

.title-wrap .carousel-arrows {
    float: left!important;
    margin-left: 48%!important;
    margin-top: 15px!important;
}

-Rui

[zardaclothing]

Hi rui,

Great it works on desktop but unfortunately still on center in mobile view…pls find my screenshot attached..

Tq so much!

Attachments:

You must be logged in to view attached files.

[zardaclothing]

Sorry what i mean to say is still not in center mobile view…

Link: http://www.zarda.com.my

[Rui Guerreiro – SUPPORT]

Can you try this css instead.

.title-wrap .carousel-arrows {
    float: left!important;
    margin-left: calc(49% - 20px)!important;
    margin-top: 15px!important;
}

-Rui

[zardaclothing]

Hi Rui,
if i applied the one you just gave above then the desktop carousel arrow not in center but in mobile ok..

[Rui Guerreiro – SUPPORT]

ok. so in that case replace all my previous code by this one

.title-wrap .carousel-arrows {
    float: left!important;
    margin-left: 48%!important;
    margin-top: 15px!important;
}

@media only screen and (max-width:759px){

.title-wrap .carousel-arrows {
    float: left!important;
    margin-left: calc(49% - 20px)!important;
    margin-top: 15px!important;
}

}

-Rui