How to find the measurement of blog columns

{Read in Italian...}

Remember this post, when we talked about a CSS code that would preset the maximum size your blog images? I didn't explain how to find out the width of your blog columns, without margins/padding.
This is a very simple procedure: trust me, it is waaaaaaay more complicated to explain, rather than to apply.
We're gonna use Google Chrome developer tools, but if you only have Firefox, it is quite the same thing.
Just please, don't tell me that you browse the internet with an old version of Internet Explorer. Pretty please!
  • Visit your blog with Google Chrome.
  • Place your mouse pointer over your blog content, right click and select “Inspect element”: the dev tools interface will pop up at the bottom of your page.
  • From this interface, on the left, look for a magnifying glaass icon: click on it.
  • On the right of the same interface, look for the “computed” button. Click on it and you'll see some colored boxes: they'll contain the measurement of your selected blog elements.
How to find the measurement of blog columns
Click on the image to enlarge it.
  • Now, place your mouse pointer over your post body: you'll see that the text and the images will be selected and you'll see the name of the element as well. Look at the blue box inside the “computed” window: the first measurement is your post body width.
How to find the measurement of blog columns
Click on the image to enlarge it.
If you understood this procedure, you can apply it for your sidebar(s), or any other blog element as well.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...