How do I find the pixel width of the design area in my Haberdasher weebly theme?

[franceskeeley]

Hi everyone 🙂

I use the haberdasher theme for my weebly site. I want to know the pixel width of the design area, in order to calculate my image sizes effectivey for single, two and three column layouts. I don't know where to find the info. Could anyone help me with this, please?
Many thanks.
Frances

[NJRFTF · Accepted solution]

@franceskeeley 

Here's how to find element dimensions with various browsers....

https://www.bu.edu/tech/services/cccs/websites/www/wordpress/how-to/find-area-width/ 

[franceskeeley]

Wow that's interesting and helpful - many thanks NJRFTF 🙂

[NJRFTF]

@franceskeeley 

You are very welcome!! 🙂

[franceskeeley]

NJRFTF
Hi there...

Well I finally got round to having a go implimenting the guidelines for finding the pixel width of an element in my theme, and it started off fine. But the guidelines say 'you'll see a tool tip by the selcted code with the pixel width'. I found the selected code, but I haven't got any tool tips! I wondered if I need to turn on a 'show tooltips' preference somehow. I've looked but I can't find one anywhere. The selected code just says:
<img src="/uploads/6/2/3/1/62310505/five-pointed-star-screenshot_orig.png" alt="Picture" style="width:auto;max-width:100%">

I don't suppose you have any further tips? Thanks ever so, anyway!
Frances

[seicolegwr]

@franceskeeley 

The default width of the page content in the haberdasher theme is 960px.

Gary

[franceskeeley]

Woohoo! Sorted! Many thanks Gary. 960 pixels all the way!