WordPress.org

Forums

ColorLight
[resolved] content width (12 posts)

  1. jsshuai
    Member
    Posted 1 year ago #

    hi,

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

    thanks

    Jason

  2. Wolfs bRain
    Member
    Posted 1 year 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 1 year ago #

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

  4. jsshuai
    Member
    Posted 1 year 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 1 year ago #

    here is the specific page i'm talking about:

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

  6. Wolfs bRain
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

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

  11. jsshuai
    Member
    Posted 1 year 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 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.