Shrink space between homepage sections

Home Forums All Other Themes Shrink space between homepage sections

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #23292
    TedTed
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: February 14, 2016

    Is there a way (short of going into style.css) of reducing the whitespace between sections on the homepage of Construction Pro? I’ve removed the hidden animations (client is old-school and doesn’t want those new fangled techniques). But I’m not sure the best way to remove some of the whitespace and tighten the sections up so they are closer together.

    Client is trying to specifically avoid a long scrolling homepage, although that is much more the modern web style.

    #23341
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi Ted,

    Kindly show us your website URL.

    Regards,
    Dave

    #23435
    TedTed
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: February 14, 2016

    Of course. http://sitescan.addionworks.com/ is the URL. I’ve removed the animation on some of the sections, and can move to a static homepage but I’d rather leverage the components already built in. The client just wants to trim back the spacing between sections.

    #23597
    TedTed
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: February 14, 2016

    Hi, looking for an update on the best way to reduce the spacing on the homepage. I’ve been looking in the style.css but am not finding a way to reduce the amount of spacing that is occuring between sections. This is particularly bad for a welcome page that I added to the homepage (the welcome page is showing up properly however the top/bottom margin has a ton of whitespace).

    Site is at http://sitescan.addionworks.com/

    #23650
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi Ted,

    Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code:

    .slider-main{min-height:300px !important}
    section{padding:40px 0 !important;}

    Regards,
    Dave

    #23758
    TedTed
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: February 14, 2016

    Thanks Dave, that did just the trick!!

    #23841
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Great 🙂

    Regards,
    Dave

    #24846
    TedTed
    Member
    • Topics: 2
    • Replies: 5
    • Total: 7
    Member since: February 14, 2016

    Hey Dave, not sure if this is related but now when I view the site on a mobile phone, I get a large blank space under the smaller banner, and there is a loading hourglass continually showing. This appears only on a mobile phone (both android and iOS).

    #24915
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    Member since: June 12, 2013

    Hi Ted,

    Its the theme problem. Give us a day by tomorrow should be solved. Thanks for pointing this out.

    Regards,
    Shri

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.