Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help Resize Blog

    Hello,

    I'm a beginner with HTML but i need help to resize my blog using HTMl. No matter what i try it doesn't work. I use Google Chrome and the blog is Blameitonthebook.blogspot.com

    Thank you to anyone who can help!

  • #2
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    28,810
    Thanks
    82
    Thanked 4,843 Times in 4,804 Posts
    Well, when you use a commercial service like blogspot.com, you lose some of the flexibility you might have on your own website.

    In this case, you have a *TON* of styles in there that specify fixed widths for the various elements. You'd have to figure out which ones are relevant to what you are after and change all of them. Ideally, blogspot should have given you a flexible and responsive page layout. That is, one that fills the page (except for margins YOU would create) and shrinks or grows as the user changes the window size. Changing all the given CSS to do that is almost surely more work than just starting over with a clean page. But whether blogspot allows that, I don't know.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #3
    New to the CF scene
    Join Date
    Aug 2014
    Location
    UK
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi NemoRosa,

    You will need to code the CSS area and connect that to the HTML page in order to resize your BLOG. The blog is not always dynamic theme or you may just use different theme that contains responsive coding.

    You can also pull out the code to Dreamweaver and use some responsive code to the CSS area.

    Please give enough information so someone can help you if I didn't catch up with your email.

    What site do you use for your blog?
    Is the theme responsive?
    Why do you mean my resize responsive site to resize for mobile phones or other devices or the actual template?

    So please provide as much information you can.

    Hope that helped.

    Best
    Mubashir

    NET PRO
    Home

  • #4
    New to the CF scene
    Join Date
    Jan 2015
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    A little CSS should fix that up for you! Head over to your custom.css file to get started.
    (If you don't know where that is, open up an FTP client and log in to your webhost. Go to wp-content > themes/wootique > custom.css)

    Once inside, you'll notice it's fairly blank. That's so you can add little snippets of custom code without accidentally damaging the theme. So in short, if this doesn't do exactly what you want, no harm done ;-)

    Ok, once you're in custom.css just drop this little line of code in:

    .entry img, img.thumbnail {width: 100%; height: inherit; }

    That should tell the images to expand to 100% of their width within the confines of the content (so you keep the margins looking clean), and the height makes sure that the aspect ratio is kept.

    I hope that's exactly what you needed! Please let me know if you need any other assistance with that.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •