WordPress.org

Ready to get started?Download WordPress

Forums

Custom Post Widget
[resolved] Image resize after linking (4 posts)

  1. ggarmento
    Member
    Posted 1 year ago #

    Your solution for adding page/post interface to the widgetized areas is brilliant. The client uses the same familiar interface to edit the widgets.

    The site I built uses the Responsive Theme by Themeid and the key to using images in the Responsive theme design is to use the "full-size" image 960x480 in the widget. In a full width browser where there are three widgets across the home page, the full-size image resizes to fit the widget width. When the browser resizes to under 600px wide the design adapts to a one column design and the image resizes to fit all the way across the one 600px column.

    An error occurs when the image is linked to a page; the image no longer fits the widget, it extends beyond the the widget containing div.

    Right now I am using a scaled down, smaller image in the linked widgets, but that breaks the design flow when the website is viewed on a smaller device. The normal solution is having the linked image fill the width of the smaller device (ie, tablet, smart phone) one column design.

    Greg

    http://wordpress.org/extend/plugins/custom-post-widget/

  2. Johan van der Wijk
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Greg,

    As this seems to be a CSS issue, and not an issue that is specific for the Custom Post Widget plugin.

    I recommend using a tool like firebug to find out which styles you have to change to set the max-width of the linked image.

  3. ggarmento
    Member
    Posted 1 year ago #

    Good call... a CSS issue. I FIREBUG all of the time, and I just needed a compass heading.

    #widgets a {
    	/*display: inline-block;*/
    	display: block;
    	margin: 0;
    	padding: 0;
    	text-decoration: none;
    }

    I am working the site as a child theme to the Responsive design, so I remarked out the original CSS code and changed the display to just block. That was the fix!

  4. ggarmento
    Member
    Posted 1 year ago #

    Not sure how that will affect other widgets; like inline within a footer; but I got my compass heading and I can steer around those rocks now that they are mapped.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.