Change spacing between posts on the main page

[rhperry]

Greetings!

OldCar is a fantastic theme! Keep up the good work. One feature I would like to access is the ability to change the spacing between the posts on the main page (top, bottom, left and right). Is there a way to do this? Being able to position the posts closer together will reduce the amount of unused space on the screen. Thanks.

Richard

[FocuxTheme Support]

Hi

Are you using fluid grid template for the posts? It’s not easy to adjust, because the space value is dynamic depending on the window size.

Thanks

[rhperry]

Hello, I am using the fluid grid view.

Richard

[FocuxTheme Support]

As I said in the last reply, it’s not easy to do, because you need to change javascript code in js/oldcar.setup.js file and probably mess the layout up.

Just tell you the solution below.

1. You should find the following code in oldcar.setup.js file

$fluid.masonry({
			 itemSelector : '.box',
			 isAnimated: true,
			 columnWidth:boxwidth
});

You can try to add “gutter” argument like below

$fluid.masonry({
			 itemSelector : '.box',
			 isAnimated: true,
			 columnWidth:boxwidth,
                         gutter: 10
     });

Thanks

[rhperry]

BadJohnny,

Thanks so much for this information. I will give it a try. Another question I had was, is there a way to specify the length of text (number of characters, words, lines, etc.) in the posts on the main page (fluid view)? Thanks in advance.

[FocuxTheme Support]

Yes, the default text length is 200 words, you can add the excerpt text manually when you edit the post, then you can control how many words you want to display in the main page.

Edit a post, click “screen options” button which at the top right side, then, select “excerpt” checkbox, you will see the excerpt field will display under the editor, just paste your own words there.

Thanks

[rhperry]

Thanks for all the help!

[FocuxTheme Support]

It’s my pleasure!

[rhperry]

Greetings again. I have another question. I noticed that the layout of the front page includes a margin from the right limits the amount of viewable space. Is there any way to reduce or remove the width of this dead-space region? Thanks.

[FocuxTheme Support]

This question is almost same as the previous question, or you can try to increase the width of each box?

Look at this argument “columnWidth:boxwidth”, you can try to change boxwidget to a specific value.

I’m sorry that the customization question is not included in the support, so I can only provide you a general idea. 🙂

[rhperry]

Thanks. Though, I am not sure if we are talking about the same issue. On the fluid grid view on the main page, there is a margin that is set from the edge of the browser window. The size of this margin does not change regardless of the page size/resolution. It seems to me that this margin is wasting much real estate on the page. So, is it possible to set the margin from the edge to zero so that ll the window space is used? If you are unable to provide support for this issue, could you at least point me in the right direction? Thanks again for all the help.

[FocuxTheme Support]

Sounds we talk about the same issue, look at the screenshot https://www.dropbox.com/s/evmhk74fqxmcz07/oldcar-right-side-space.jpg?dl=0 Actually you want the post boxes full of the whole screen and then take advantage of the right side space, right? If so, like my previous reply, the only way is you try to increase the width of each boxes, so you need to reset columnWidth:boxwidth argument.

The second solution is change the width of box with custom CSS like

.fluid-articles li {width:350px;}

But after you changed CSS, you may also need to adjust the width for reponsive layout. This is only a general idea.

I will also try to find a perfect solution for you and the later version of this theme.

Thanks

[rhperry]

Gotcha! Thanks. This is such a good theme that it would be nice to eliminate this problem. It would also be nice to enable the right sidebar on the front page. Is there a “simple” approach for accomplishing this? Thanks a million, you have been very helpful.

[FocuxTheme Support]

Hi

Now there’s no right sidebar included, so I think you have to write some HTML/CSS/PHP code for the right sidebar, it’s a medium level customization issue.

[Author]

Posts