WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] widget size (9 posts)

  1. jonwainwright
    Member
    Posted 1 year 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 http://www.motortrader-insurance.com

  2. esmi
    Forum Moderator
    Posted 1 year ago #

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

  3. jonwainwright
    Member
    Posted 1 year ago #

    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!!!!!!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. jonwainwright
    Member
    Posted 1 year ago #

    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.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Firebug finds the width out for you.

  7. jonwainwright
    Member
    Posted 1 year ago #

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

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  9. jonwainwright
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.