Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #27601

    Hi. I was wondering if there is any way to make the minimum height of Color Sections smaller than the current default.

    I’m building a one page site (so, a very long page, with scrolling anchors), and wanted to introduce some medium weight solid lines (and potentially, some kind of border/image element) between sections, using color sections. However, even setting the padding to zero, I still get a default height that’s considerably thicker/taller than what I’m hoping to achieve. I also tried horizontal spacers, and had the same issue… plus these wouldn’t allow for the potential use of images down the line.

    Please help, and thanks ahead of time!


    Hi ramirezo,

    Yes they do have a minimum height set with this css:

    .avia-section {
    min-height: 100px;

    If you add it to your Quick CSS or custom.css file you can override it.




    Thanks Devin. I tried it through the Quick CSS, and it worked in Safari and Firefox, but for some reason it isn’t working in Chrome (my primary browser now).. any suggestions? Think going through the .css file will make a difference? Will probably try that once I get access to my ftp server



    Make sure Chrome doesn’t just have your main content cached. Refresh 4-5 times in a row or just view the site in an incognito window ( ctrl+shift+n).


    Yeah, thanks, that was my bad, you guessed it exactly. Rookie mistake. I didn’t think it was the cache since all my other changes were updating upon refreshing, but clearing it solved the problem.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Color Section Minimum Height’ is closed to new replies.