Folder list in one row

melikephotos

Hi,
I am new to smugmug and just moved from koken. I love smugmug, amazing how easily each page can be edited. Much better than wordpress or koken.

But here is just one question, I know a little bit about css and html, but this is challenging for me:

On my homepage (www.ilikephotos.de) you see a panaroma picture on the top, which has always the maxmum width of the page.
Below are 3 folders, you will see two, because the third folder is unlisted right now. I want these folders in one row, so each 30% width + 1% space. But I dont know how to do this.
When you make the browser smaller, you will see that the folders jump to the next line. Is there any code snippet to keep these list as a block in row?

Thank you very much!
Sebastian

tomnovy

melikephotos wrote: »

Hi,
I am new to smugmug and just moved from koken. I love smugmug, amazing how easily each page can be edited. Much better than wordpress or koken.

But here is just one question, I know a little bit about css and html, but this is challenging for me:

On my homepage (www.ilikephotos.de) you see a panaroma picture on the top, which has always the maxmum width of the page.
Below are 3 folders, you will see two, because the third folder is unlisted right now. I want these folders in one row, so each 30% width + 1% space. But I dont know how to do this.
When you make the browser smaller, you will see that the folders jump to the next line. Is there any code snippet to keep these list as a block in row?

Thank you very much!
Sebastian

Sebastian,

Please add a CSS content block to your homepage and then add this code to it:

.sm-page-widget-16037574 .sm-page-widget-content {
    text-align: center !important;
    }

melikephotos

Thanks, but this only centers the text and folders. When I shrink the browser, the third folders jumps to the next line.

tomnovy

Sebastian,

This is a normal behaviour. If there is not enough space to accommodate all three folders - one of them will be displayed below.

There is not much that we can do here.

melikephotos

tomnovy wrote: »

Sebastian,

This is a normal behaviour. If there is not enough space to accommodate all three folders - one of them will be displayed below.

There is not much that we can do here.

Okay, no problem. Thanks for your help!