[abisbee]

Hi.

I have 3 sidebars on my site. (https://wellnesswarriorsboston.org/) I used CSS to set the sidebar widget spacing for two types of sidebars, but I can’t increase the spacing on the sidebar used for my password protected pages and I don’t know why. My CSS code is below.

Home page (page-id-3848) uses Optional Sidebar 2
Password protected pages (e.g. https://wellnesswarriorsboston.org/team-events/) use Optional Sidebar 1
All other pages use Primary Sidebar.

.sidebar-primary .widget {
margin-bottom: 15px;
}

.page-id-3848 .sidebar-primary .widget {
margin-bottom: 5px;
}

.optional-sidebar-one .widget {
margin-bottom: 20px;
}

What am I doing wrong?

[tikaram]

@abisbee : Please replace the NON-HOME PAGE Resize sidebar css with the following css and all your pages will have larger sidebar. If you would like to set spacing for specific pages you will need to include page ids. Please let me know if you need further assistance regarding the issue.

/*NON-HOME PAGE Resize sidebar
 ---------------------------*/
@media screen and (min-width: 990px) {
 #main {
	width: 60%;
}
.sidebar-primary {
	width: 32%;
	padding-left:0;
} }

Regards,
Tikaram

[abisbee]

Thank you, Tikaram, but that wasn’t my question. I want to adjust the spacing between the widgets in the sidebars. For example, if you look at the sidebar in page-id-3095, the CT: Featured Post and the Image widgets are tight against each other. I was able to adjust the widgets on the other sidebars using the code I showed above, but not in this one.

Alice

[tikaram]

@abisbee : Please try adding the following additional css.

#catchresponsive_post_widget-4 {
	margin-bottom: 35px;
}

Let me know if this resolves your issue.

Regards,
Tikaram

[abisbee]

It works! Thank you, Tikaram. 🙂

Alice

[tikaram]

@abisbee : Glad to that that the issue has been resolved. Have a Good day.

Regards,
Tikaram

[Author]

Posts