sidebar after post smaller

This topic has 17 replies, 2 voices, and was last updated 6 years, 2 months ago by Skandha.

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
September 17, 2018 at 3:48 pm #154186

Hans
Participant

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

September 18, 2018 at 2:02 am #154207
Skandha
Participant
@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
September 18, 2018 at 8:37 am #154251

Hans
Participant

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

September 28, 2018 at 9:08 am #155225

Hans
Participant

Hi Skandha,

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

Kind regards

Hans Hagmeijer

September 30, 2018 at 12:35 am #155295
Skandha
Participant
@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
September 30, 2018 at 6:21 am #155299

Hans
Participant

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.

October 4, 2018 at 2:01 am #155686
Skandha
Participant
@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
October 4, 2018 at 11:12 am #155772

Hans
Participant

Thank you Skandha.

Kind regards

Hans Hagmeijer

October 7, 2018 at 3:01 pm #156094

Hans
Participant

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

October 7, 2018 at 3:02 pm #156095

Hans
Participant

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

October 7, 2018 at 3:10 pm #156098

Hans
Participant

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.

October 9, 2018 at 2:59 am #156284
Skandha
Participant
@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
October 9, 2018 at 4:16 am #156291

Hans
Participant

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

October 9, 2018 at 4:29 am #156293
Skandha
Participant
@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
October 9, 2018 at 4:34 am #156295

Hans
Participant

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

October 9, 2018 at 4:47 am #156297
Skandha
Participant
@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
October 9, 2018 at 4:55 am #156298

Hans
Participant

Hi Skandha,

Yes this was the solution.

Thank you,

Kind regards

Hans Hagmeijer

October 9, 2018 at 4:57 am #156299

Skandha
Participant

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

Kind Regards,
Skandha
Author

Posts