WordPress.org

Ready to get started?Download WordPress

Forums

Portal
[resolved] How to resize the width of my post? (7 posts)

  1. williamkong
    Member
    Posted 9 months ago #

    Hello,
    Great theme dude, I definitely give it 5stars.

    I have a stupid question: how can I resize the width of the post in this theme?I know nothing about css so please teach me .Thanks

    Another question if you don't mind, How can I make my embedded iframe responsive?

    Thanks! :)

  2. nam
    Member
    Posted 9 months ago #

    Hi william,

    this site is set to fixed width. So that if you want to resize the width of the post, first, you have to resize the width of entire page. If not, you will get some troubles.

    I will assume you want the post bigger (in case you want the post smaller, just do opposite)

    1. find to this line

    #wrapper { width: 960px; }

    then change the value from 960px to the value that you want the post increase. For example, if you want the post increase about 100px, so just add 100px to this value. The value now will became 1060px

    2. find to this line

    #content { width: 598px; }

    then change the value from 598px to 698px (add to 100px as you do above)

    Just play around with these value until you get the result that make you happy.

    I hope this will help you.

    Good luck

  3. williamkong
    Member
    Posted 9 months ago #

    Thank you!!

    However, I tried to use control+F to find 'wrapper' in styly.css and function.php of this theme, but can't find it in both. Could you teach me how to find it ?

  4. nam
    Member
    Posted 9 months ago #

    Hi William,

    Just try to find again in style.css file

    you can type "#wrapper" and "#content" to get exactly result. If it doesn't work, can you give me address of you blog

    Good luck

  5. williamkong
    Member
    Posted 9 months ago #

    Hi nam,

    Thank you ,my blog address is :doplusplus.com. You can download my css file in the homepage.

    Best wishes!

  6. nam
    Member
    Posted 9 months ago #

    Hi Wiiliam,

    With this blog, if you want to resize the post, you can find to this line and change the value as I said before,

    article.entry .entry-content {max-width: 680px;}

    change max-width to anything you would like.

    Good luck!

  7. williamkong
    Member
    Posted 9 months ago #

    Thanks ! But I think we should also change the value of this line:

    @media only screen and (max-width: 680px) {

    then it works!!

    Really thank you for you kind help!!

    Best regards

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.