WordPress.org

Forums

Twenty Thirteen
Need a little CSS help (14 posts)

  1. 008Rohit
    Member
    Posted 1 year ago #

    URL: http://techtage.com/2013/07/8-important-things-in-a-post-penguin-link-building-world/

    I don't want the bottom sidebar to shrink when the right sidebar is used.

    Managed to make the footer 'main' sidebar wider (1040px) but there seems to be an issue with the widgets margin that's screwing up the positioning.

    This is how the footer looks when there's no right sidebar: http://techtage.com/about-us/

    Looking forward to your help.

  2. Ricarditu
    Member
    Posted 1 year ago #

    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?

  3. 008Rohit
    Member
    Posted 1 year ago #

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

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

  4. Ricarditu
    Member
    Posted 1 year ago #

    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! :)

  5. 008Rohit
    Member
    Posted 1 year ago #

    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.

  6. Ricarditu
    Member
    Posted 1 year ago #

    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: http://codex.wordpress.org/Child_Themes

    Cheers!

  7. wp-21
    Member
    Posted 1 year ago #

  8. 008Rohit
    Member
    Posted 1 year ago #

    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.

  9. Ricarditu
    Member
    Posted 1 year ago #

    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! :)

  10. 008Rohit
    Member
    Posted 1 year ago #

    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.

  11. 008Rohit
    Member
    Posted 1 year ago #

    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.

  12. Ricarditu
    Member
    Posted 1 year ago #

    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...

  13. 008Rohit
    Member
    Posted 1 year ago #

    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.

  14. 008Rohit
    Member
    Posted 1 year ago #

    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).

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.