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

  1. ggarmento
    Posted 2 years 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.



  2. Johan van der Wijk
    Plugin Author

    Posted 2 years 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
    Posted 2 years 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
    Posted 2 years 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

  • Custom Post Widget
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.