Support » Plugin: Content Blocks (Custom Post Widget) » Image resize after linking

  • Resolved ggarmento


    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 960×480 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.


Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Johan van der Wijk


    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.

    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!

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image resize after linking’ is closed to new replies.