Expand widget area

[cfresque]

Hi, is there a way to expand the surface area for content like visual composer does? See in the image where there is so much space between the main content separation and the widget content?

I would like it to pretty much be no space there to utilize the maximum amount of room for content. The goal being that I can have a bigger image on the slider in the widget area as well as other widgets.

Thanks!

[Laura]

Hello, try by adding this to style.css of child theme

COPY CODE

.inner-content.widgets-container {
    padding: 0px !important;
    width: 400px !important;
}
.sidebar.sidebar-main.col-sm-3.sidebar-right {
    width: 400px !important;
}

Let me know if it helps 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cfresque]

That works great, only now the groups only display 2 at a time instead of three. Is there a way to expand the space for the main areas as well?

[cfresque]

Not so great with three way. Perhaps more control in the backend would be awesome in the future 🙂

[cfresque]

I suppose I can just have everything on the right hand side all the time. But would be cool to have the option to play with boarder size 🙂

[Laura]

Hello, that would require some time and development, i can help you with small css fixes, for custom requests if you want to contact me at laura@seventhqueen.com

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cfresque]

Thats ok, I can live with this way. Just figured it would be a good idea for future updates. 🙂

[Laura]

Understood 🙂
Let me know if you need anything else

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cfresque]

Hey, I notice when going through the sizes, is there a way to have the sidebar size adjust as well or otherwise to fix this from happening? looks kind of squished.

[Laura]

Hello, i see it fine, what resolution are you using to see it? Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cfresque]

Hey, so if you go to http://tonedistrict.ca/members/ cfresque@gmail.com support12345 and grab your browser from the bottom right corner and shrink the page size you can see when it will recreate this. Its not that the resolution is bad, its that the widget side stays the same size and the profiles shrink so much that the lettering goes outside of the boundry box.

I kind of wish it just moved to the single small mobile view sooner as it re-sises rather than the profiles showing up super skinny and the lettering coming out of the box.

Hope I am explaining that well.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi

Just add this css to quick css area

COPY CODE

@media (min-width: 768px) and (max-width: 991px) {

    .kleo-masonry-item, .kleo-isotope>li, .template-page.col-sm-12 .kleo-masonry-item, .template-page.col-sm-12 .kleo-isotope>li, .template-page.col-sm-12 .section-container.container-full .kleo-isotope>.kleo-masonry-item, .template-page.col-sm-12 .section-container.container-full .kleo-isotope>li {
        width: 100%;
    }
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[cfresque]

Yessssss thanks, you guys are the best 🙂

[Radu]

You’re welcome

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts