Slideshow Size

[Centre]

Hi Bill,

How do I change the size of the slideshow?

Thanks
Joshua

[Centre]

Also how do I change the color of the current page. In the top header menu the current page is default dark grey. I’d like to change that.

Also how do I change the color of the highlighted link in the header, its currently red.

Thanks

[Bill Robbins]

Hello Joshua,

Good questions. The only set requirement for the slideshow is that the images be 960px wide. I would not suggest changing that. The height is flexible so you can size the slideshow by sizing your images to be the size you’d like to have in there.

What I mean is if you’d like your slideshow to be 960px wide by 500px tall, then just size your images to those dimensions and that should do it.

You’re welcome to change colors in the navigation menu. If I remember some of those options are in the customizer. You can always add a bit of custom css to handle it if you’d rather:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #top-menu li.current-menu-item,
   #top-menu li.current-menu-item a {
   	color: #000;
   	background-color: #ccc;
   }
   
   #header-content ul#top-menu li a:hover,
   #header-content #top-menu li.current-menu-item a:hover {
   	color: #ccc;
   	background-color: #000;
   }
   

   The first style is for the current menu item. The second style is the color of an item while hovering over it. Change those to fit your needs.

3. Update your settings.

Hope that helps out.

Take care,
Bill

[Centre]

Thank you Bill for your response.

One more question, on the page http://www.vibrantuniverse.org if you click on Services on the top bar and are on the services page, the drop down menu for services isnt visable. How can I change that color of the text so it is visable?

Thank you
Joshua

[Centre]

Also Bill,

I have sized the photos to be 350px wide and the slideshow continues to stretch the images, so now they are much more grainy.

Any suggestions?

Thanks
Joshua

[Bill Robbins]

Joshua,

Sorry for not being more clear about the slideshow. The height is adjustable, but not the width. The images for the slideshow will have to be 960px wide.

You can change the colors of the current menu item’s sub-menu. Add this to your Custom CSS:

#header-content ul#top-menu li.current-menu-item:hover a,
#header-content ul#top-menu li.current-menu-item li a {
	color: #fff;
}

#header-content ul#top-menu li.current-menu-item:hover a:hover,
#header-content ul#top-menu li.current-menu-item li a:hover {
	color: #000;
}

The top style there will be for the drop-down’s text and the second style will be for the text when hovering.

Have a great weekend,
Bill

[Centre]

Ok thanks Bill for the quick response. Is there no way to change the CSS or the PHP so that the slideshow can be less wide?

Thanks
Joshua

[Bill Robbins]

If you don’t mind some space on either side, you can shrink it.

.flexslider {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

Feel free to play around with widths there to see if one works for you. What that’s not going to let you do is place content next to it though.

[Author]

Posts