Hi Pat,

Thanks for using Schoolbus!

"1) how do I change the images that it rotates?"

When logged in, go to dashboard, and under "STACKS & BLOCKS" go to stacks.
Then, click on the "Slideshow"-stack, click on the slideshow block (which on mouse over becomes grey), and choose "edit".
There you can change the images.

"2) how do I make it so the slideshow is only on the home site (currently it comes up on every page)?"
Unfortunately you have to change one php-file in the theme:
1. Open Packages\theme_schoolbus\themes\schoolbus\elements\header.php in your favourite text editor (I personally use Sublimem but notepad works too)
2. Find the line with

And change it to:

3. Three lines below:

Should be changed to:

4. Save the file, upload it to your website, then clear cache
5. Go to the home page, put a slideshow block in that area, and give it the "schoolbus" template.

Let me know if this works for you. Good luck with our schoolbus theme!

Hi sir,

As you suggested I have edited the php file and it worked for me. But now in each page a black screen is showing in that space. Can you help me to remove this.

Hi Pat,

Please provide me with a link to your website so I can help you better.

With kind regards,
Jaap, De Webmakers

Hi sir,

We are using concrete5 for Intranet page and we have not hosted publicly. I will send you the screenshot.

I have attached the screenshot in above thread. Please help us to remove the black area. Then only we can host live.

Please help

I have run into the same issue whilst trying to put together a website for my son.
I'm no coder (not since uni - Fortran) and today was the first time I started reading about CSS and (X)HTML!

From what I can gather the class "row header" comprises the logo area, the navigation area and the slideshow area. I have figured out how to make the black area smaller however I'm still left with a white area underneath it.

The height of the "row header" is determined by the combined height of the logo and navigation area.

Below "row header" is "row main"

When the webpage narrows (or it's viewed on mobile site) the empty slideshow area completely collapses because the menu goes to the top and has to be clicked to be seen.

So the question is: is there a straightforward way to break the rows and go with a left/right layout so that the main area can start at the top of the page? Is see that there is a header left and header right.

Looking at the equalheight.js file and the fact that the layout is based on rows would suggest not but, as I mention at the top, I'm no coder!

Thank you for making this theme, it looks lovely. The info on making the slideshow local on each page is very useful. The only course of action I have at the moment is keeping the top level navigation as minimal as possible.

Right now the page has two rows with two columns to create four areas.
Row 1: Left top is logo & menu (yellow), right top is slideshow.
Row 2: Left bottom is submenu/news (red), right bottom is content.

What you want is one single row with two columns.
I cannot help you with that, you might want to check out some Twitter bootstrap tutorials for an idea how rows and columns work on internet sites.

Many thanks. That's just the hint I needed.

I now have one row to columns. The result can be seen athttp://horatio.arkas.org.uk

I can now start adding content. I suspect I will encounter more issues to solve due to the hatchet job I did on your theme.