Support ForumSlidable Navigation Buttons – Support Forum

Slidable Navigation Buttons

larkmeadictsupport — Thu, 06 Mar 2014 16:44:05 +0000

Hi,

We have the slidable navigation buttons (circles) on our homepage here:

https://obwiz.co.uk/Larkmead2014v2/

Is it possible to put a thin border around the lighter coloured circles (non-active) so they stand out more on our transparent background?

Thanks
Kalinda

Reply To: Slidable Navigation Buttons

IshYoBoy — Fri, 07 Mar 2014 18:36:13 +0000

Hey,

You could maybe change the colors to dark-gray for inactive and yellow for active. What do you think? Here is a little custom css code which can be added either to a Child Theme’s css (child-theme.css) or to the administration “Custom CSS” field under Theme Options

.slidable .flex-control-nav li a{
	border-color: rgba(64, 64, 64, 0.5);
}
.slidable .flex-control-nav li a.flex-active,
.slidable .flex-control-nav li a:hover {
	border-color: #fdb913;
}

.slidable .flex-control-nav li a{

border-color: rgba(64, 64, 64, 0.5);

}

.slidable .flex-control-nav li a.flex-active,

.slidable .flex-control-nav li a:hover {

border-color: #fdb913;

}

Anyway feel free to modify the CSS to fit your needs ;)
Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Slidable Navigation Buttons

larkmeadictsupport — Mon, 10 Mar 2014 11:31:36 +0000

That’s great, thanks for your help.

Kalinda

Reply To: Slidable Navigation Buttons

IshYoBoy — Mon, 10 Mar 2014 13:40:48 +0000

Sure thing ;) Looks much better now ;)

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market