Slideshow Size

Support Area Forums United Slideshow Size

This topic contains 7 replies, has 2 voices, and was last updated by  Bill Robbins 2 years ago.

Viewing 8 posts - 1 through 8 (of 8 total)
URL to the page in question: http://vibrantuniverse.org
  • Author
    Posts
  • #30786

    Centre
    Participant

    Hi Bill,

    How do I change the size of the slideshow?

    Thanks
    Joshua

    #30788

    Centre
    Participant

    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

    #30789

    Bill Robbins
    Keymaster

    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

    #30953

    Centre
    Participant

    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

    #30954

    Centre
    Participant

    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

    #30955

    Bill Robbins
    Keymaster

    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

    #30956

    Centre
    Participant

    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

    #30957

    Bill Robbins
    Keymaster

    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.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Slideshow Size’ is closed to new replies.