Support » Theme: ColorLight » content width

  • Resolved jsshuai

    (@jsshuai)


    hi,

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

    thanks

    Jason

Viewing 11 replies - 1 through 11 (of 11 total)
  • Wolfs bRain

    (@wolfs-brain)

    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.

    Johnny Tuc

    (@johnnytuch13)

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

    jsshuai

    (@jsshuai)

    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

    jsshuai

    (@jsshuai)

    here is the specific page i’m talking about:

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

    Wolfs bRain

    (@wolfs-brain)

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

    jsshuai

    (@jsshuai)

    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!

    Wolfs bRain

    (@wolfs-brain)

    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.

    jsshuai

    (@jsshuai)

    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!

    Wolfs bRain

    (@wolfs-brain)

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

    jsshuai

    (@jsshuai)

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

    Theme Author NodeCode

    (@nodecode)

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘content width’ is closed to new replies.