Full width image

Hi Johattan,

There is an example of a full-width carousel on the Bootstrap website: https://getbootstrap.com/examples/carousel/

Hope this helps..

Phil

Thanks for the fast feedback.

It helped. Thank you!

Resolved.

I can make a full width carousel with bootstrap link the link Phil provided. But I’m not sure how to make the plugin go full width. Can you point me toward what I’m not getting?

Thanks,
D

Hi Darren,

I’m a bit confused about your question. The plugin just outputs the HTML for the carousel, so if you can make a full width carousel yourself manually, the same CSS should make the HTML from the plugin go full width. Does this make sense?

Let me know if I’m missing your question here.

Phil

Phil (and all support guys),

How do I access/create the full-width carousel shown in the above link?

Thanks,

Stephen

Right click » view source ??

In short, the carousel takes the dimensions of whatever you put it into (or set with CSS). In the example linked above, it is not within the usual <div class="container">, so it’s allowed to stretch to the full width of the screen. The content before and after it is, so that is fit to the normal width of the page.

Does that make sense?

Phil

yes, the above makes sense. However, my theme (Elegant themes: Unite) is written in php, or so I think. I can not see where to add the aforementioned css to appear on my homepage. (temptingtub.net)

My programming skills are very, very basic. I was hoping to be able to either plug in a short code or copy/paste and change image links and such.

These changes are sadly in the HTML rather than CSS (css would be easier). To edit the HTML you need to change the theme files – for the homepage this would be front-page.php. The carousel is part of the page content which is here.

You’ll want to create a child theme for Unite with your own front-page.php. You want to move the page content out of the wrapper elements so that it is full width. It was going to get really complicated to describe how to do this, so I made a gist for you instead. It’s untested, let me know if it works ??

Hope this helps / makes sense. Shout if you have any questions..

Phil