• Hi, Thank you for this amazing theme, It’s the best theme for wordpress, so elegant, widgets are really great.

    My question is how can I change Sidebars location and width?
    Is it possible to replace bars with each other? I mean completely with its width and (follow & more) above it.
    Or is it possible to change sidebar width? and how can I do it?

    I tired change it with “Dynamic sidebars and widgets > Create and manage widgets zones” but it only change the name and transform added widgets from sidebar to other but width and properties didn’t change.
    Also I tried change it in Main.css but it doesn’t change.
    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi proitworld. I’m not a proponent of trying to modify the basic theme structure. The theme is designed with fixed-width sidebars that use background images and negative margin offsets. If changing the sidebar width is at the top of your “must have” list then my recommendation would be to look for a different theme.

    Regarding swapping the sidebar positions, I’ve seen one user, with a specific layout, swap the sidebars. This was using a 3-column layout with the content on the left and both sidebars on the right. This CSS swapped the sidebar positions:

    /* swap primary and secondary sidebar positions */
    .col-3cl .s1 { margin-right: -340px; }
    .col-3cl .s2 { margin-right: -600px; }
    
    @media only screen and (min-width: 961px) and (max-width: 1200px) {
      .col-3cl .s1 { margin-right: -340px !important; }
      .col-3cl .s2 { margin-right: -390px !important; }
      .col-3cl.s2-expand .s2 { right: 0 !important; }
    }
    
    @media only screen and (min-width: 480px) and (max-width: 960px) {
      .col-3cl .s1 { margin-right: -50px !important; }
      .col-3cl .s2 { margin-right: -100px !important; }
      .col-3cl.s1-expand .s1 { right: 50px !important; }
      .col-3cl.s2-expand .s2 { right: 0 !important; }
    }

    The site layout is denoted by the “col-3cl” class used in the body tag. In this case, “3cl” means 3 columns, content left. The other theme layout classes follow a similar naming convention. Given enough time and effort you could sort through the theme main.css file, find all the sidebar-related CSS for your particular layout, and modify it in a child theme or using a CSS plugin. Assuming, of course, that you’re using the same layout on every page of your site. If not, you’d have to decide which layouts you wanted to change and modify the additional CSS accordingly.

    Thread Starter proitworld

    (@proitworld)

    Hi bdbrown, Thank you for your reply
    It looks I need to do a lot of work to make it work as I wante.
    I use 3 columns content in the center, I don’t want to put 2 sidebars on one side
    So I think it’s better to leave it without change.
    I tried more than 100 themes Hueman was the best for me and I don’t think I will change it till I find another theme better than Hueman.
    Thank you very much bdbrown.

    You’re welcome.

    I tried more than 100 themes Hueman was the best for me

    I agree; it’s well coded, easy to use and has many options that some premium themes don’t even offer. But, as in most themes, it has limitations and doesn’t work for everyone. If you have other questions feel free to open a new topic and we’ll see what we can do to help.

    Thread Starter proitworld

    (@proitworld)

    You are right, It’s just like everything on the internet always has limitations, but we have no other choice. I have to many work to improve my site so I will stop working on site look for now. I have wasted 5 days trying themes and modifications without get what I want. so it’s time to stop. Thank you very much bdbrown.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Sidebars Location & Width’ is closed to new replies.