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!
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; }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 ?
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.
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
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.
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 ?
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/
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
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.