Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 9, 2016 at 1:36 am #670112
    keflex

    Hello, I have 1/3, 1/3, 1/3 columns setup with uneven content causing the columns heights to be different. I’d like to have the space beneath the following content rows reduced so that the layout looks much cleaner.

    In the below example, this is a large amount of empty space between the contact form submission on the right side and the social sharing button that I would like to remove.

    Thank you,

    August 9, 2016 at 10:01 pm #670537
    keflex

    Hello, is there anyone that can help me with this?

    August 10, 2016 at 4:41 pm #670941
    Rikard

    Hi,

    I get redirected to your front page when going to the link your posted so I’m not sure what you want to change, could you check the link please?

    Regards,
    Rikard

    August 10, 2016 at 7:31 pm #671048
    keflex

    Hi Rikard, sorry, I had removed the social button that I was having issues laying out so you might not have seen the problem. I’ve put them back up on the website so you can take a look at it. If you need the admin login to take a look, let me know.

    Below I’ve attached an image clarifying what I’m looking for. Basically, on the right side content section, I’m trying to reduce the white space between the contact section and the social share buttons at the bottom.

    Any help would be much appreciated.

    Thanks,

    August 11, 2016 at 9:16 am #671219
    Rikard

    Hi,

    Ok I see what you mean now, could you try placing the share icons in the same 1/3 element as the contact form is in please?

    Regards,
    Rikard

    August 11, 2016 at 6:01 pm #671473
    keflex

    Hi Rikard,

    I’ve tried that, but the problem is that I can only adjust the background color of the 1/3 section and not the contact form color itself. I want the background color of the contact form to be different from the social media buttons for two reasons:

    1. It draws more attention to the contact form for the visitor

    2. There’s no way to adjust colors for the social media buttons, so if I use a dark background for the contact form (as I’ve done in my current implementation), the contrast for the social media layout isn’t high enough.

    And to do this, I have to use the background color settings for the 1/3 section.

    If I place the social media buttons into the same 1/3 section, I remove the ability to have separate background colors for the 2 elements.

    Thanks for your help,

    • This reply was modified 9 years, 6 months ago by keflex.
    August 12, 2016 at 6:43 am #671709
    Rikard

    Hi,

    Ok, try removing the background colour for the 1/3 element and add this in Quick CSS:

    #top .av-light-form {
    background-color: rgba(0,0,0,0.7);
    padding: 20px;
}

    Also remove the padding from the 1/3, then you should be able to add the sharing element to the 1/3 and still have a background for the form.

    Regards,
    Rikard

    August 16, 2016 at 1:41 am #672924
    keflex

    Great, that worked perfectly Rikard.

    Thanks!

    August 17, 2016 at 5:49 am #673494
    Rikard

    Hi,

    Glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Reduce spacing between uneven content in columns’ is closed to new replies.