Getting the image to fill the space

  • Tracy

    (@tracystokes)


    4 years, 7 months ago

    Hi Uzzal,

    I love your plugin, thank you.

    I have a question regarding getting the image to fill the space on the left and right all the way up to the border. Can I achieve this with css. I have tried but failed.

    I look forward to hearing from you. Many thanks.

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

  • Hey @tracystokes!

    I am not the plugin author, but if I understood you correctly, to remove the margins between the images you must set/overide the plugin CSS with the following code:

    .sp-single-adv-portfolio {
padding-right: 0;
margin-bottom: 0;
}

    Other than with custom CSS, there may be a setting or option in the plugin settings page, but I’m not sure about that so the plugin author will know more.

    Warm regards!

    Thread Starter Tracy

    (@tracystokes)

    Thanks M Media.

    I have already removed the margins, what I am trying to do is get the image to cover, rather than be contained within the portfolio block. I’m not sure if I’m using the correct terminology. Does that make sense.

    Here is a link to how it is appearing, I want the image to go all the way to the edge, even if that means some of it is cut off.
    https://imgur.com/a/mUqKLow

    Plugin Author ShapedPlugin LLC

    (@shapedplugin)

    Hi @tracystokes,

    Sorry for being late to help you. Yes, the images can be fill up to the border using custom CSS. Use the below CSS to set the width and height of the images. Adjust the width and height according to the images you are using. 

    .sp-advp-image{
  width:300px !important;
  height: 400px !important;
}

    Hope this helps.

    Thank you very much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Getting the image to fill the space’ is closed to new replies.