Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #6556

    Hi,

    I can often dig through the code and figure things like this out, but your PHP is fairly complex…

    I need to make the width of a page (and maybe the blog post page) wider. I need more room for the content, expecially since I’ll need to embed video.

    Could you point me in the right direction to do this?

    Thanks,

    D40

    #54625

    Hey,

    in css/custom.css add following code and adjust the width values:

    .content .box {
    min-width: 430px;
    width: 430px;
    }

    #54626

    Worked great – thanks.

    #54627

    Glad that I could help you :)

    #54628

    Perfect! I was just looking for this info here and couldn’t find it through search. (Was checking for content width, not page.) Added the code, adjusted and it works like a charm. Thanks, Dude!

    #54629

    To do this on a specific page , what would i add?

    #54630

    This code worked great for me as well. However I would like to make the content area on the Contact page and another page a different. Is there something that I can add to this code to make that possible?

    .content .box {

    min-width: 430px;

    width: 650px;

    }

    #54631

    The body tag of each page/post/archive, etc. offers a page/post specific class. You can see it in the html source code (right click > view source code) Then add it to the previous posted code like:

    .postid-437 .content .box {
    min-width: 430px;
    width: 650px;
    }

    The code above would affect the post with the id 437.

    #54632

    Worked like a charm! thanks.

    #54633

    Glad that I could help you :)

    #54634

    Is there a way to make this code work so that only ‘Posts’ are wider but ‘Pages’ remain normal? I want to make my blog posts wider but leave everything else the same. I also don’t want to have to add this code for every post I make.

    #54635

    You can try:

    .single-post .content .box, .page .template-blog.content .box {
    min-width: 430px;
    width: 650px;
    }

    #54636

    hmm tried the specific post id with out success, drop it into the quick css. the page is meganredmond.com/tour

    #54637

    Hi

    Thanks for the great theme, it rocks, beautiful and quick.

    I have followed the instruction to make the page wider with codes above, however the right sidebar is being hidden under the content, how do I adjust code for this.?

    to move the sidebar over more to the right.

    #54638

    Ah dont worry about previous post, I found it

    #54639

    When I resize the content box this way the right side bar gets hidden behind. It should move as the witdth grows but it doesn`t can you fix this?

    #54640

    Shfaya,

    Can you post a link to your website so we can take a look?

    Regards,

    Mya

    #54641

    I used

    .content .box {

    min-width: 430px;

    width: 430px;

    }

    but on the blog page, the right sidebar now sits under the main cotent area. http://daryapress.com/test/blog/

    Can you help?

    Thanks!

    #54642

    Hi,

    You can adjust that on your custom.css

    .page-id-13 .sidebar.sidebar2.box {
    left: 1000px!important;
    }

    Regards,

    Ismael

    #54643

    Great, thanks so much for your help!

    #54644

    Hi livkay,

    Glad that we could help. :)

    Cheers,

    Ismael

    #54645

    Hi,

    I wanted to increase the width of the product category page to allow the images to be displayed in bigger size.

    So I used the code indicated in this post:

    .content .box {

    min-width: 430px;

    width: 430px;

    }

    This also increased the width of the single-product page.

    Can I define a different width for the product-category pages and the single-product pages, respectively? How & where?

    Thanks,

    Bruno

    #54646

    Hi Bruno,

    Yes you can by targeting the class for those page types in the top ID. So for the category page it would be:

    #top.tax-product_cat.woocommerce-page .content .box {
    min-width: 430px;
    width: 430px;
    }

    For a single product:

    #top.single-product .content .box {
    min-width: 430px;
    width: 430px;
    }

    Regards,

    Devin

Viewing 23 posts - 1 through 23 (of 23 total)

The topic ‘Making Page Width Wider’ is closed to new replies.