Phil Ewels

Closing due to inactivity. Feel free to post and I’ll reopen it.

Hi zeaks,

This depends slightly on whether you are using the background-image setting, but you should be able to clear the height in the settings and use CSS media queries to define the carousel height for different window sizes in your theme.

Let me know if you need any help with this..

Phil

Brilliant, glad you got it working!

For clarity, if anyone else reads this – it looks like the above code is written in LESS / SASS or something, not vanilla CSS. So you can’t just copy and paste it straight into your styles.css file.

Phil

Hi Huriata,

You should be able to do this purely with custom CSS. The <img> tag will affect the carousel height by default, but you can force a custom carousel height by targeting the surrounding <div> layers.

Let me know if you need any further pointers with this..

Phil

Hi Amy,

No problem! You can hide the navigation circles with the following CSS:

.carousel .carousel-indicators {
   display: none;
}

You can even hide them only on small screens only using media queries:

@media (max-width: 768px) {
    .carousel .carousel-indicators {
       display: none;
    }
}

It’s kind of strange that I have written in an option to hide captions and control buttons, but not the circles though. I’ll add that in as an option in a future update.

Phil

So I think that z-indexes won’t work, due to the nesting of the elements (see this post).

You can budge the links right a bit easily enough though:

.carousel-caption .btn {
    margin-left: 300px;
}

To be honest, what I’d probably do myself is just get rid of the buttons at the side of the carousel. You can always have the little circles instead, or just nothing at all.

Phil

Hi @rigorousrich,

Thanks for this! Any ideas why the current code works in my testing environment then? I just had another look, it’s definitely still working for both shortcode attributes and settings page configuration. I’m using WordPress v4.2-alpha-31427..

Anyway, I’ve added it as an issue so that I remember to update to your code in a future release.

Phil

Hi Andy,

The poster above managed to resolve the issue himself in the end:

Resolved. It was the loop that generated the menu that was an issue. It was forcing the slider to use the very last page title as a category.

Does that help at all? I’m not able to replicate the problem, so there’s a good chance that it could be something to do with other WordPress loops elsewhere in your theme.. If you’re able to replicate the problem in another setting (eg. the Unite theme), let me know.

Phil