Main content width

[nuriflurry]

Hi,

I wanna have a 2 columns laout for all the site, so I can put some ads on the right. The problem is that the maximum width I can choose for the main content is 75% which makes the right column too big.

Is there any posibility to make the main content wider?

Regards,

Nuria

[Laura]

Hello, yes i can adjust it with css, can you share admin credentials? 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[nuriflurry]

This reply has been set as private.

[Laura]

Hello, please add this to style.css of child theme and customize as you wish 🙂

COPY CODE

col-sm-9 {
    width: 110% !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[nuriflurry]

Hi,
I’ve add that to the css and modify the percentage, but the sidebar is still 25% of the width…

[Laura]

Hello, try cleaning cache, 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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[nuriflurry]

Hi,
I have even tried in other browser and it’s still the same… not sure if I’m doing something wrong:

col-sm-9 {
width: 160% !important;
}

[Laura]

Hello, added to your style.css at child theme

COPY CODE

.template-page.col-sm-9.tpl-right {
    width: 140% !important;
}
.sidebar.sidebar-main.col-sm-3.sidebar-right {
    width: 30% !important;
}

Should work now 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[nuriflurry]

Not sure why it works on internet explorer but not in firefox. I think it’s gonna be easier to leave the percentage, and try to put the right padding of the sidebar smaller. Can you help me with this?

[Laura]

Hello, can you share the new password as the old one doesnt seem to work anymore

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[nuriflurry]

This reply has been set as private.

[Laura]

Hello, try maybe this one

COPY CODE

@media (min-width: 1440px) {
.container {
    max-width: 1480px !important;
}
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[nuriflurry]

the idea would be having more padding in the left side of the container, and less padding on the right side.
I’m trying to play with this, but it doesn’t seem to work:

@media (min-width: 90%) {
.container {
max-width: 90% !important;
padding-right: 0px;
}
}

.sidebar-right .inner-content {
padding-left: 0px;
}

[Laura]

Hello, let me see if i can understand your idea, attached a screenshot.
What do you exactly want? Move the sidebar to the right, make the container bigger than the sidebar, delete both paddings
If you can share a screenshot as reference will help me know exactly what to do 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

Attachments:

You must be logged in to view attached files.

[nuriflurry]

Hi Laura,
Sorry for all the misunderstanding. What you posted is what I want. I’ve attached an image of the desireable final result 🙂
Thanks.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, added this to style.css

COPY CODE

.container {
    max-width: 1370px !important;
    padding-left: 60px !important;
}
.template-page.col-sm-9.tpl-right {
    width: 80% !important;
}

Let me know if that is the look you wanted 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[nuriflurry]

That’s perfect!!
Thank you very much and sorry for all the time you spent with this 😉

[Laura]

Hello, i am glad it worked, do not worry i am happy to help you 🙂
It would be great if you rate us 5 stars at themeforest and leave a nice comment 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts