Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 13, 2015 at 1:30 pm #378748
    Calcite

    I have the main content of the site set at 1310px. When viewing a blog entry with sidebar the text width is 800px. I would like to reduce that to 600px but can’t find a way to do that in the Panel?

    I tried adjust the ratio of content to sidebar in General layout – Dimensions but it does not affect the content width.

    Update – Sorry I meant 640px wide.

    • This topic was modified 9 years, 10 months ago by Calcite.
    January 13, 2015 at 10:23 pm #379144
    Elliott

    Hey Calcite!

    You should be able to use the content | sidebar ratio option to do that. A ratio of 52 | 48 should get it to around 640px.

    Can you send us a link?

    Cheers!
    Elliott

    January 13, 2015 at 10:51 pm #379161
    Calcite

    Hi Elliot,

    I have tried that but its not really what I’m trying to achieve. I want to keep the sidebar at about 30% of the total width and then limit the image and text width in the main content area to about 640px width.

    Is that possible?

    I don’t have a live server at the moment but will have in the next few days.

    January 14, 2015 at 5:00 pm #379538
    Yigit

    Hi!

    Please post the link to your website when you launch it so we can provide you more accurate CSS code. If you could post screenshots showing the changes you would like to make, it would help a lot as well. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    January 14, 2015 at 5:46 pm #379575
    Calcite

    Hi Yigit,

    In the linked image I would like the text width (currently 800px) to be set at 640px.

    https://dl.dropboxusercontent.com/u/103857420/blogwidth.jpg

    Kind Regards,

    Al

    • This reply was modified 9 years, 10 months ago by Calcite.
    January 14, 2015 at 6:05 pm #379610
    Yigit

    Hi

    Please try adding following code to Quick CSS 

    #top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { 
max-width: 100% !important; 
}

    Best regards,
    Yigit

    January 14, 2015 at 6:22 pm #379628
    Calcite

    Hi Yigit,

    Unfortunately it did not make a difference.

    January 14, 2015 at 6:53 pm #379653
    Yigit

    Hey!

    Then i think we are going to need to wait until you launch your website to provide you a proper solution. We will keep the thread open and it will be on hold until you reply

    Cheers!
    Yigit

    January 14, 2015 at 8:12 pm #379714
    Calcite

    OK – Will get back to you soon – Thanks.

    Al

    January 15, 2015 at 7:19 am #379879
    Ismael

    Hey!

    Let us know once the site is live. :)

    Regards,
    Ismael

    January 16, 2015 at 6:04 pm #380937
    Calcite
    This reply has been marked as private.
    January 16, 2015 at 6:09 pm #380942
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .single .entry-content-wrapper {
max-width: 600px;
}

    Cheers!
    Yigit

    January 16, 2015 at 6:23 pm #380959
    Calcite
    This reply has been marked as private.
    January 16, 2015 at 6:26 pm #380965
    Yigit

    Hi!

    You can use following code and adjust as needed

    .single .content .entry-content-wrapper {
padding-left: 50px;
padding-right: 0;
}

    Cheers!
    Yigit

    January 16, 2015 at 6:37 pm #380980
    Calcite

    Hi Yigit,

    After trying that I decide that the 700 px width with your first fix actually looks best so I am going with that :)

    Many thanks of for your help. I’m a beginner so hopefully I have not made any crazy mistakes with the theme, but just in case I am using the child theme ;)

    Regards,

    Al

    January 16, 2015 at 6:41 pm #380986
    Yigit

    Hi!

    Great! Let us know if you have any other questions or issues and have a nice weekend! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.