Options

Folder list in one row

melikephotosmelikephotos Registered Users Posts: 3 Beginner grinner
edited November 22, 2016 in SmugMug Support
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

Comments

  • Options
    tomnovytomnovy Registered Users Posts: 1,101 SmugMug Employee
    edited November 22, 2016
    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;
        }
    
    
    SmugMug Support Hero | Customizer | My SmugMug site - http://www.photom.me | Customization Portal - https://portal.photom.me
  • Options
    melikephotosmelikephotos Registered Users Posts: 3 Beginner grinner
    edited November 22, 2016
    Thanks, but this only centers the text and folders. When I shrink the browser, the third folders jumps to the next line.
  • Options
    tomnovytomnovy Registered Users Posts: 1,101 SmugMug Employee
    edited November 22, 2016
    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.
    SmugMug Support Hero | Customizer | My SmugMug site - http://www.photom.me | Customization Portal - https://portal.photom.me
  • Options
    melikephotosmelikephotos Registered Users Posts: 3 Beginner grinner
    edited November 22, 2016
    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!
Sign In or Register to comment.