Paul--

How would I control the image width in the showcase banner of the default Highline 2 slideshow? and Is it possible to use the Utafiti default slideshow in Highline2?

I'm trying to control the stretch on wide screens.

If you are still awake for some reason, you don't need to answer, I won't look at this until tomorrow.

Thanks,

--Michael

Hi Michael,

With utafiti it has a max width combined with a module class suffix which constrains the size

for example

.utafiti-slideshow-hero {
max-width: 1255px;
margin: 0 auto;
}

How many navigation links do you have?

Do you have a link for your highline2 site?

Sorry to be clear the slideshow effect is the same in both templates but utafiti uses additional css to constrain the size of the image and the navigation

The link is: scboosters.org. There is currently 5 links. I think, but I could be wrong, controlling the max width would do he trick.

5 navigation elements does cause a bit of a problem as the screen collapses

So I would test this

.test {
border-top: 4px solid #00bae0;
padding-bottom: 5px;
max-width: 1255px;
margin: 0 auto;
}

.test .cd-slider-nav {
background: none;
}

.test {
max-width: 1255px;
margin: 0 auto;
}

.test .zt-content-box, .test .cd-slider-nav {
max-width: 1140px;
width: 100%;
margin: 0 auto;
position:relative;
float: none;
text-align: left;
}

.test .cd-slider-nav li a {
color: #fff !important;
background: #2eaaf5;
display: block;
position: relative;
text-align: center;
padding-top:25px
}

I'm adding the class of test as an example to the module

So you would need to add your own suffix to the modules advanced tab

Cheers
Paul

Paul--

Thanks for this. It's was very helpful and opened my eyes a little wider.

--Michael

You're welcome

Cheers
Paul