[Hans]

Hi,
Is it possible to make the sidebar_after-post smaller?
I searched in the forum, but I cannot find a solution.

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

article {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
#media_image-60 {
	margin-bottom:0 !important;	
}

Let me know if this works out!
Kind Regards,
Skandha

[Hans]

Hi Skandha,

That did not work.
You can see what I mean if you go to the following URL: http://www.hagmeijer.nl/uncategorized/start2bike-training-mtb-september/
login name: bestuur; password: bestuur

This is post page.
You see the big sidebar at the right site. I should like to make this sidebar smaller.
And: if it is possible: I should turn the background color of the unused part of the sidebar, into white instead of light grey.

Thans for helping us.

Kind regards

Hans Hagmeijer

[Hans]

Hi Skandha,

This did not work.I think you forgot to answer. Is not a big deal.

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Sorry for the late reply. You are using 2 widget areas. Footer Widget Area 4 and Before Footer widget area. The widgets already look compact and I don’t think you can much about reducing the height.

May be this will marginally reduce the height
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#supplementary, .sidebar.sidebar-before-footer.widget-area {
	padding:0 !important;
}

Let me know if this helps you out!
Kind Regards,
Skandha

[Hans]

Hi Skandha,,

I was not clear, I think. It isn’t the sidebar before footer, but the sidebar after post. See: http://www.hagmeijer.nl/uncategorized/start2bike-training-mtb-september/
It is the sidebar at the right side of the page. That sidebar should be smaller.
Problem also is the background color of the sidebar. This color stays gray.

Kind regards

Hans Hagmeijer.

[Skandha]

@toerfiets: To remove background color of right sidebar
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-content .wrapper {
	background:none;
}

Let me know if this is what you want.
Kind Regards,
Skandha

[Hans]

Thank you Skandha.

Kind regards

Hans Hagmeijer

[Hans]

Hi Skandha,

Please go to http://www.hagmeijer.nl/uncategorized/start2bike-training-mtb-september/
You will see at the right site of the page en light grey area.
It is my mening to make this light grey area smaller.
In the mean time I have discovered how to make the sidebar smaller. But I im not able to make the light grey area smaller.
I houd like to show our sponsors in this area instead of after content.

Kind regards

Hans Hagmeijer

[Hans]

You can login with login name: bestuur and password: bestuur

[Hans]

Hi Skandha,

I succeeded in removing the light grey color. Is there a possibility to make the sidebar smaller. Otherwise I go and try to place two logos beside each other.

[Skandha]

@toerfiets: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-content .widget-area {
	height:1940px;
}

You can change the height according to your requirement!
Let me know if this is what you want.
Kind Regards,
Skandha

[Hans]

Hi Skandha,

This is not what I want. This is the height. It should be the width.
I think ” height”. is replaceable by width. If that works, all is ok for me.
I let you know.

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To decrease the width of the primary sidebar */
.sidebar-primary {
	width:250px;
}

You can set the width according to your requirement.
Let me know if this is what you want!
Kind Regards,
Skandha

[Hans]

Hi Skandha,

This also isn’t a solution. I think I did not explain well what I mean.
In this solution the head text has after additional css the same width
I should like to have a broader text area and a more narrow sidebar area.

What I now see is a smaller picture in the sidebar an a bigger gap between the head text and te picture.

Is there e possibility to upload a screenshot. Then I can explain exactly what I want.

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.sidebar-primary {
	width:250px;
}
.content-area {
	width:1050px;
}

Let me know if this is what you want.
Kind Regards,
Skandha

[Hans]

Hi Skandha,

Yes this was the solution.

Thank you,

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Glad I could help you out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts