Stretch Image To Full Width Of Container?

Skip to content

WordPress.org

Forums

• Welcome to Support
• Guidelines
• Get involved
• Log in

• Welcome to Support
• Guidelines
• Get involved
• Log in

Skip to content

Forums / Plugin: Contextual Related Posts / stretch image to full width of container?

Search for: Search forums

• alinash1

  (@alinash1)

  3 years, 7 months ago

  is it possible to stretch an image to fit the full width of the container? http://prntscr.com/CW9iFVQ1P-gd

  • This topic was modified 3 years, 7 months ago by alinash1.

  The page I need help with: [log in to see the link]

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

• Plugin Author Ajay

  (@ajay)

  3 years, 7 months ago

  Can you try this:

  .crp_thumb { width:100% !important; } Thread Starter alinash1

  (@alinash1)

  3 years, 7 months ago

  It did not help. The pictures on mobile are very small.

  Plugin Author Ajay

  (@ajay)

  3 years, 7 months ago

  @alinash1

  Can you also change your Thumbnail settings to use HTML attributes instead of CSS. Right now the CSS sets the max size of 160px.

  Thread Starter alinash1

  (@alinash1)

  3 years, 7 months ago

  then the picture is not displayed correctly. title goes to image https://prnt.sc/-aBVrF9T_LEm

  Plugin Author Ajay

  (@ajay)

  3 years, 7 months ago

  Are you using any custom styles as well in addition to what is included by the plugin? And in Styles have you selected the Grid style or Grid Rounded Thumbs?

  Thread Starter alinash1

  (@alinash1)

  3 years, 7 months ago

  style http://prntscr.com/lxqCQZMbtQaE settings http://prntscr.com/lxqCQZMbtQaE http://prntscr.com/FN3DmZ5kNlOp http://prntscr.com/2NLkHMSH4x5e http://prntscr.com/TyBRr3IMgDMF

  Plugin Author Ajay

  (@ajay)

  3 years, 7 months ago

  @alinash1

  For thumbnail size attributes, please set that to HTML.

  Also, the image size you’ve selected is 300×300 but the width and height is set to 160px. Can you try setting both to the same size because when the image is stretched it’s overlapping.

  Thread Starter alinash1

  (@alinash1)

  3 years, 7 months ago

  It did not help

  http://prntscr.com/LNYZJ-5-q8Q0

  http://prntscr.com/cJy2PIcNFkbf

  missing text https://prnt.sc/4vWVtxkreBQz

  Thread Starter alinash1

  (@alinash1)

  3 years, 7 months ago

  the issue is not resolved. how to stretch image to full container? in mobile version

  • This reply was modified 3 years, 7 months ago by alinash1.
  Plugin Author Ajay

  (@ajay)

  3 years, 7 months ago

  @alinash1

  I’m looking at the link from the first post and the img tag still has the CSS attributes set and not the width and height of the image.

  Can you also set in the custom styles:

  .crp_related.crp-grid ul li a.crp_link { grid-template-rows: auto; } Thread Starter alinash1

  (@alinash1)

  3 years, 7 months ago

  It did not help in the mobile version https://prnt.sc/_u2Og3PenvzK

  Thread Starter alinash1

  (@alinash1)

  3 years, 7 months ago

  it works if you change the settings http://prntscr.com/lcaDtfdNjq9f

  Plugin Author Ajay

  (@ajay)

  3 years, 7 months ago

  Thanks for confirming.

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

The topic ‘stretch image to full width of container?’ is closed to new replies.

• 
• Contextual Related Posts
• Frequently Asked Questions
• Support Threads
• Active Topics
• Unresolved Topics
• Reviews

• 13 replies
• 2 participants
• Last reply from: Ajay
• Last activity: 3 years, 7 months ago
• Status: not resolved