Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 12, 2013 at 7:24 am #27601
    ramirezo

    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!

    August 12, 2013 at 7:50 pm #134591
    Devin

    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.

    Regards,

    Devin

    August 12, 2013 at 8:20 pm #134592
    ramirezo

    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

    thanks

    August 12, 2013 at 8:33 pm #134593
    Devin

    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).

    August 13, 2013 at 1:39 am #134594
    ramirezo

    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.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Color Section Minimum Height’ is closed to new replies.