WordPress.org

Ready to get started?Download WordPress

Forums

ColorLight
content width (12 posts)

  1. jsshuai
    Member
    Posted 5 months ago #

    hi,

    awesome theme! can i increase the width of th content area?

    thanks

    Jason

  2. Wolfs bRain
    Member
    Posted 5 months ago #

    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.

  3. Johnny Tuc
    Member
    Posted 5 months ago #

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

  4. jsshuai
    Member
    Posted 5 months ago #

    my site address is http://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

  5. jsshuai
    Member
    Posted 5 months ago #

    here is the specific page i'm talking about:

    http://www.exantefx.com/news/

  6. Wolfs bRain
    Member
    Posted 5 months ago #

    #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 (╯◕.◕)╯

  7. jsshuai
    Member
    Posted 5 months ago #

    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!

  8. Wolfs bRain
    Member
    Posted 5 months ago #

    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.

  9. jsshuai
    Member
    Posted 5 months ago #

    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:

    http://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!

  10. Wolfs bRain
    Member
    Posted 5 months ago #

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

  11. jsshuai
    Member
    Posted 5 months ago #

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

  12. NodeCode
    Member
    Theme Author

    Posted 4 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.