This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to reduce space between rows

Resolved 9 replies premiumthemetheme-vantage
thanh
10 years ago · Last reply by Andrew Misplon 10 years ago

On my home page, I have added 2 rows (of 3 columns). There are too much space between the rows. How can I reduce it. Please have a look at my URL:
http://www.tuquangbuddhistorder.org

I have upgraded to Vantage premium.
I have tried the CSS Editor, but it’s not working.

Please help!

URL: http://www.tuquangbuddhistorder.org

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 10 years, 7 months ago

    Hi Thanh

    Thanks for reaching out.

    If this is just to tighten up your home page and assuming you only need the slider there then you might try the following at Appearance > Custom CSS. Just copy from below and paste into Appearance > Custom CSS:

    /* Home */
#main-slider { margin-top: -10px; }
#main { display: none; }
  2. thanh 10 years, 7 months ago

    Hi Andrew,
    I've tried and … disaster! Contents of all pages disappear ! I have to remove this Custom CSS and I have back all my contents…. Please review !
    Shall I set up for you an admin user ?
    By the way, I have added a new Pluggins 'Simple CSS' , then realising afterward that Vantage Premium has also provided this Custom CSS. Shall I consolidate both ?

  3. Andrew Misplon Staff 10 years, 7 months ago

    Whoops, sorry about that. CSS is very harmless though. You did the right thing, remove and fixed. Apologies again. For the home page only that should have been:

    /* Home */
.home #main-slider { margin-top: -10px; }
.home #main { display: none; }

    No need for Simple Custom CSS can just use Vantage built in Custom CSS.

  4. thanh 10 years, 7 months ago

    Andrew,
    I've added the new CSS… Homepage has only main slider, the 2 rows belows disappear…(Other pages are OK). So, I have removed the CSS and back again to the initial situation.

    What I mean is there are too much spaces between the rows (if you look further down to my homepage).. The content in each column makes the screen filled unevenly. How can I improve it ?

    Thanks for your assistance, appreciate very much.
    Thanh

  5. Andrew Misplon Staff 10 years, 7 months ago

    Thanks for the feedback. When I originally checked your page there was just the slider. I mentioned the CSS would only be cool if there was no content. Thanks for the further feedback, sure we can make this work now.

    You can remove the bottom margin from each row by clicking the wrench icon on the far right of each row > Edit Row > Theme > Check the No Bottom Margin setting. However having checked your page again this isn’t what you want.

    The page appears un-even because the first row adheres to the height of the column with the most content. The second row is a new row so it can’t fill in space in the first row. If you had to draw this out it would make sense in a very linear fashion.

    Here is what I’d suggest. Rather use one single row. Next give our Layout Builder widget a try. It will allow you to build a Page Builder layout within an existing row. It’s perhaps the row level freedom you’re looking for.

  6. thanh 10 years, 7 months ago

    Thanks for your suggestion,
    Using Page Builder layout is what I'm doing. However, I cannot avoid the space due to the different contents of each column in the same row.
    I'm thinking about another solution: hidden the text to make the column having the same height than other columns in the same row. Then, I need the
    'Read More' functionality. I've found the button is in the menu of the
    Visual mode, but it does not work for a normal text page (only text post !
    ) (?)

    Can you help ? Shall I start another thread ?

  7. Andrew Misplon Staff 10 years, 7 months ago

    The read more functionality is a core feature meant for blog/archive layouts. It directs users from the blog/archive page to the single post page and specifically to the same point in the post.

    You might try the following plugin: https://wordpress.org/plugins/wp-showhide/

  8. thanh 10 years, 7 months ago

    Thanks Andrew,
    I've added the plugins WP-showhide and I could manage the row better. The best solution is I have to build the row with the same type of content.
    Then I would have less problem in space to manage.

    Brgds,
    Thanh

  9. Andrew Misplon Staff 10 years, 7 months ago

    For sure. This is a tough little layout problem to handle. Hope you’re able to get it the way you want.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread