Blog page with 4 columns - changing header size and text space left-right

[lvandeemter]

I would like to have my blogpost page set to 4 columns (NIEUWS in Dutch site. / NEW in English site). It has been done by an IT-man who helps me with code. I found the info for this on the forum.
But now the text-column width seems to be very small (perhaps too much space to left and right to it - when you compare it with the picture above.?)
Also the headers seem very large - but perhaps if there is more space left / right to them to flow, it will be oke.

Can you please advice how can we:

• Create less space left / right to the text
• If necessary ceate a bit smaller headers (without influencing the headers in de website…)
  and also:
• Create the filter ‘categorie’ widget on top of the page now. (it used to be on the right side).

Thanks very much.
I will send hou the credentials seperately.

Liesbeth

[friech]

Hi Liesbeth,

Thank you for writing in, there is a padding around the text, to resolved your spacing issue, please reduce those padding. You can use this selector.

.blog .entry-wrap {

}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

For the headline font-size, you can try this selector.

.blog h2.entry-title a {
    font-size: 60%;
}

@lvandeemter

Create the filter ‘categorie’ widget on top of the page now. (it used to be on the right side).

I think you’re referring to the portfolio index page, the blog index page does not offer that filtering option.

Cheers!

[lvandeemter]

Thank you @friech for your help. I will try it.

Acc. the filter - I created a widget for it. And the filter works correctly - in the side-bar.
It is not the filter-option my question is about. Sorry. It is about the place of the widget. I would like to put it above the page, because we want to have a 4-column blog page.

Could you advice how to create that?

thanks

[ruenel]

Hello @lvandeemter,

To add a widget area above the blog post items in the blog index, please go to your header builder, Pro > Headers and duplicate your global header. In the newly duplicated header, you will have to add a new bar so that you can insert a widget area element. This is where you will display your category filter widget. Save your changes and then assign this header to display in your Posts Page and archive pages only.

Hope this makes senses.

[lvandeemter]

oke, wauw, thats great. Thanks for your help.
Have a great day.

[rad]

You’re most welcome!