Changing blog margins

  • Posted in : Bloggy WP
  • janjoneshealth
    Participant

    My blog posts are totally left justified almost unreadable on an iPad. To the right it interferes with the sidebar, again only on the iPad. How do you adjust the margins? I would like about 1/4-1/2″ in, on the right and left.

    Thank you.

    Jan

    Mehmet S.
    Keymaster

    Can you provide a screenshot?

    janjoneshealth
    Participant

    I sent a screenshot by email. Sorry, I don’t know how to get here with my iPad. I tried.
    Go to my site http://www.janjoneshealth.com you can see it.

    ahmetsali
    Keymaster

    Hi, try this custom css;

    @media (min-width: 768px) and (max-width: 979px) {
    	.wrapper.middle > .row { width: 92%; }
    }
    
    janjoneshealth
    Participant

    I don’t know exactly how to enter the code properly in the CSS editor. Can you write it exactly how it should look? I don’t want to mess up my blog by doing it incorrectly.

    Thanks.

    Jan

    Mehmet S.
    Keymaster

    Hi, firstly update the theme to the latest version then paste the custom css code to:

    – Theme Options > Style > Custom CSS.

    Thanks

    janjoneshealth
    Participant

    I added the code and updated the changes, etc. Went to my ipad and restarted it. The blog came up in the perfect size. I was thrilled! However, the change did not last! When I went back to the site it was all back to the full screen size. My husband checked it on his ipad and it was to the edge.

    I went back to Editor and the code is there. I updated it again. Still the change is not working.

    Any suggestions?

    Thanks.

    Jan

    janjoneshealth
    Participant

    Ok, I checked it again after restarting my ipad a second time. It appears that the change is only visible in the vertical position of the screen. When the ipad is horizontal it is back to the edges.

    Is there any fix for that or is the vertical fix as good as it gets?

    Thanks.

    Jan

    ahmetsali
    Keymaster

    update the code as;

    @media (min-width: 768px) and (max-width: 1025px) {
    	.wrapper.middle > .row { width: 92%; }
    }
    
    janjoneshealth
    Participant

    Unfortunately, the new code did not work on the horizontal screen size. The vertical is still perfect.

    janjoneshealth
    Participant

    Any ideas on how to get the theme blog to fit on the horizontal tablet screen?

    Please let me know.

    Thanks. Jan

    ahmetsali
    Keymaster

    i just made some fixes on the layout, we will release an update in a few days.

    Mehmet S.
    Keymaster

    The new version is available!

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register