widget size

  • Resolved jonwainwright

    (@jonwainwright)


    12 years ago

    Hi im using the pinboard theme and was wondering how i can find out what size the widget area is in pixels. I am designing some images to go in the right side bar and i wanted to fill as much space as possible and also the the same question for the boxes at the top (i have moved these to the bottom). Thanks for the help in advance.

    sorry my website is https://www.motortrader-insurance.com

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    Try using Firefox with the Firebug add-on for this kind of work. Or use whatever developer tool is available in your web browser.

    Thread Starter jonwainwright

    (@jonwainwright)

    Ive used the firebug plugin put cont figure out the actual pixal size! i am very new to this whole thing sorry if im a pain. How to i use firebug to actually fine size of the widget area?

    SORRY!!!!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Here’s the width exposed by Google chrome’s developer tool:
    https://snag.gy/hjwPa.jpg
    https://snag.gy/y8o5q.jpg

    Thread Starter jonwainwright

    (@jonwainwright)

    thank you andrew. The size stated is the size of the image i made. I THINK the widget size is bigger than my image because there is space between the main content and the widget i was hoping to fine the actual size so i can make my widget fill more of the page so it looks better. I might just make some images in different sizes and see if i can find out through trail and error. Thanks for the help i really appreceate it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Firebug finds the width out for you.

    Thread Starter jonwainwright

    (@jonwainwright)

    ive only downloaded firebug a couple of weeks ago how do i use it to find the widget size?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Go to your webpage and right click on your widget. Then select ‘Inspect element’ and in Firebug’s toolbar you should be able to see the webpage’s HTML structure. Click around in the structure until you select the widget element you want. Then, on the webpage, it should show the dimensions of the element
    https://getfirebug.com/html

    I used Google Chrome’s built-in developer tool in my screenshot.

    Thread Starter jonwainwright

    (@jonwainwright)

    thanks for the help guy ive kind of got it sorted. I think i just need to play with firebug a bit more. Really appreceate all the help guys.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘widget size’ is closed to new replies.