Image size as percentage?

  • Resolved websta

    (@websta)


    9 years ago

    First, thank you for the plugin, which works very well.

    Currently, it appears that images default to 150 x 150 pixels, with a float:left on the image, in a 300-pixel width container(?).

    Images can be enlarged to a specific pixel width but (especially on a responsive site) larger images can result in images overlapping text, or the title text (forced to the right of the image) can have awkward line breaks, including splitting words improperly. These issues might be seen as the plugin not being responsive.

    Possible fixes:

    1. It seems like the ability to set the width to a percentage of 100% would help eliminate those issues, regardless of the pixel width of the container it’s in.

    2. Similarly, changing the width of the container to 100% would help it fill a column of any width more elegantly.

    3. If that can’t be done, the ability to remove the float:left settings on the image might allow the text to be written out, more properly, below the image.

    Can any of those three changes be done? If so, how?

    Thanks, very much, in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author WPShout

    (@codeinwp)

    9 years ago

    Hey @websta,

    Thank you for your feedback, we highly appreciate it.

    For a quick fix, you can overwrite the css rules in your theme/child theme stylesheet and target the feedzy classes with the rules you want to have.

    In the next releases we will have this in mind and we will find a solution that will please all people.

    Let me know if you need anything else.

    Thread Starter websta

    (@websta)

    9 years ago

    Thanks very much for your helpful response. We have a solution that works for us, at least until your new version of the plugin comes out.

    After saving a backup of the original feedzy-rss-feeds.css (JIC), I edited the .rss_image area to the following:

    .feedzy-rss .rss_item .rss_image {
	float: none;
	position: relative;
	border: none;
	text-decoration: none;
	width: 100% !important;
}

    Thus, the image height is determined by a setting in the widget, or if left blank, appears at the default height of 150px.

    The images’ width is determined by the size of the container, which varies, responsively, based on the user’s screen resolution.

    The title now appears beneath the image. Looks great for us.

    Thanks again for your great work, and best wishes to you personally, and in your coming updates!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Image size as percentage?’ is closed to new replies.

Tags

  • 2 replies
  • 2 participants
  • Last reply from: websta
  • Last activity: 9 years ago
  • Status: resolved