content width

Hey Jsshuai,
You can increase the width of any theme’s content area with css. If you link me I’ll tell you the css you need to apply.

Hi jsshuai! Can you post the website’s address so that we can help you?

my site address is https://www.exantefx.com

on “news” page, i have two columns embeded in the page, but the widget on the left only require 35% of the space i guess, whereas the right widgets requires a larger space. I’m wondering what would be the code to adjust the widths!

thanks in advance!

jsshuai

here is the specific page i’m talking about:

https://www.exantefx.com/news/

#primary{
    width:50%;
}

#secondary{
    width:50%;
}

Do you want the widths changed only for that page? If so you can put .page-id-57 infront of the selectors like this.

.page-id-57 #primary{
    width:50%;
}

.page-id-57 #secondary{
    width:50%;
}

You can change the widths to whatever you want. If you have anymore questions, feel free to ask.

– Wolfy and Brain (╯?.?)╯

sorry, i wasn’t clear. let me rephrase my questions:

i meant to have the content area divided into 35% and 65%.

This code seems to divide the content and the side bar into 50% and 50%.

Can we modify the code to divide only the content area and not the side bar? Thanks!

No problem, is this what you were looking for?

div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(1){width:35% !important;}

div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(4){width:65% !important;}

When I changed the value of the map area to 35% it cut off a bit, but if you add this it should fit.

.box_cont{
    width:214px !important;
}

Let me know if it works or if you have any other questions. I love feedback.

i put in the code, it seem to work in terms of dividing the areas to the desired width. i used:

div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(1){width:38% !important;}

div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(4){width:62% !important;}

however, if you pls look at this website, it still does not look the same:

https://www.myfxbook.com/dashboard

where you see the two widgets on the top is perfectly aligned, and that the bottom, there is a shadow. would it be possible to do this?

thanks alot!

I don’t know understand what you are trying to achieve.

one more question, if i want to modify the html file, is it possible to do this on wordpress’s editor page?

Yes, but with a theme update, the changes would be lost. Therefore, you should create a child theme.