Support » Theme: Portal » How to resize the width of my post?

  • Resolved williamkong

    (@williamkong)


    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! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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

    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 ?

    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

    Hi nam,

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

    Best wishes!

    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!

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to resize the width of my post?’ is closed to new replies.