Need a little CSS help

Hi!

Just tell me one thing, where do you want the sidebar to be? Near the footer? Or like a regular right sidebar, next to the main content?

I just want the main sidebar to look exactly same as this one in the footer: https://techtage.com/about-us/

Same margin/font size/padding/columns… whatever.

Yes, I understood that. I just wanted to understand if the right sidebar is the one with the adds…

You could try the following. Below, you have the css that’s styling that right sidebar. Try removing the static (see below as it is on the site now)

.site-main .sidebar-container {
        position: static;
}

I’m just not sure if you want the sidebar to be on the footer…

Hope this helps! ??

No, I’m not at all interested about the right sidebar. Twenty Thirteen calls the footer sidebar the ‘main’ sidebar. I have no problems if you call it footerbar, lol. :v

I just want the footer widget section to feature the exact same look as when you don’t use the right sidebar (as in pages). The footerbar gets shrunk when the right sidebar (secondary sidebar) is active. I don’t want that.

So if you’re not interested in the right sidebar, why won’t you deactivate it? It will stop those problems…

However, if you want to keep it, the right sidebar can’t be in the same place where you want all the widgets to be and keep their position… That’s why I suggested that change to the code, removing

position: static;

Remember that is best to do these changes in a child theme in order to prevent them from disappearing after a theme update. More info: https://codex.www.ads-software.com/Child_Themes

Cheers!

Hi,
Check this out:

https://slobodanmanic.com/444/flexible-horizontal-sidebars-wordpress-twenty-thirteen-child-theme/

Cheers..:)..

You didn’t get me. :/

I use only the right sidebar in homepage, and pages. I use both in all other page/post type.

I use a plugin to show the sidebar in certain page types. That’s NOT the issue.

I want the footerbar to NOT shrink or get modified otherwise if the right sidebar is present. That’s all I want.

I am using a child theme. You can easily figure that out.

the main thing here is:

.site-footer .widget-area (right sidebar inactive)

.sidebar.site-footer .widget-area (right sidebar active)

I already made it wider but somehow widgets aren’t getting placed properly. That’s where I need the help.

In addition, I’d also prefer the right sidebar to stay WITHIN its container. If the sidebar is long and post content is less, it overflows, messes up the footer. That’s why footerbar gets shrunk in the first place.

I want to remove both of these default features of twenty thirteen.

Hi!

This doesn’t help you?

Yes, I understood that. I just wanted to understand if the right sidebar is the one with the adds…

You could try the following. Below, you have the css that’s styling that right sidebar. Try removing the static (see below as it is on the site now)

.site-main .sidebar-container {
position: static;
}
I’m just not sure if you want the sidebar to be on the footer…

Hope this helps! ??

Sorry I can’t explain more clearly.

There are two sidebars. One’s in the footer. One’s at the right. I don’t wanna swap/change their positions.

I can remove the static part, but for that I need to edit the main theme. And, right sidebar isn’t what I’m looking to mod.

Yes, I understood that. I just wanted to understand if the right sidebar is the one with the adds…

You could try the following. Below, you have the css that’s styling that right sidebar. Try removing the static (see below as it is on the site now)

.site-main .sidebar-container {
position: static;
}
I’m just not sure if you want the sidebar to be on the footer…

Hope this helps! ??

The ‘static’ part is already not present.

Sorry, I clearly wasn’t understanding… So you want to keep that sidebar where is shows but without changing the rest of the footer right? Can you absolute position it? Otherwise it will always mess with what’s already there…

So you want to keep that sidebar where is shows but without changing the rest of the footer right?

Exactly!

Can you absolute position it?

Doesn’t help.

I contacted the theme designer Joen of Automattic on Twitter. He says that there’s some javascript involved as well so what I want can’t be implemented.

Okay, kind of got it done by tweaking functions.js!

MaxCDN widget’s placed on the right, though, unlike the usual left (usual masonry placement).