How to change image % in image card block (7.1)

Add to Page Settings > Advanced > Header

<style>
  @media screen and (min-width:768px) {
  .design-layout-card .intrinsic {
    width: 30% !important;
}
  }
</style>

Thank you!

On 9/12/2020 at 11:02 AM, tuanphan said:

Add to Page Settings > Advanced > Header

<style>
  @media screen and (min-width:768px) {
  .design-layout-card .intrinsic {
    width: 30% !important;
}
  }
</style>

 

@tuanphan, I used this code in the Custom CSS section with the specific block image ID— is there a line I can add to make the image centered in its "column"? Right now the image is at 30% width, but it's aligning to the right, like in the screenshot.

I would like to make it so that the image is smaller and that both text and image are centered within the image card block, would you be able to help?

10 hours ago, lizmak said:

@tuanphan, I used this code in the Custom CSS section with the specific block image ID— is there a line I can add to make the image centered in its "column"? Right now the image is at 30% width, but it's aligning to the right, like in the screenshot.

I would like to make it so that the image is smaller and that both text and image are centered within the image card block, would you be able to help?

try

margin: 0 auto !important;

Thank you @tuanphan! It works perfectly. Do you know the attribute for the text portion of the card block? I would like to change its width as well.

On 10/5/2020 at 9:10 PM, lizmak said:

Thank you @tuanphan! It works perfectly. Do you know the attribute for the text portion of the card block? I would like to change its width as well.

Can you share site url? We can check easier.

On 10/6/2020 at 7:07 PM, tuanphan said:

Can you share site url? We can check easier.

it's https://lizmak.io/intl-sos-assistance-app/ and the password is mizupizu. I'd like to make it so that the name of the organization (Intl SOS) appears on one line.

19 hours ago, lizmak said:

it's https://lizmak.io/intl-sos-assistance-app/ and the password is mizupizu. I'd like to make it so that the name of the organization (Intl SOS) appears on one line.

Add to Page Settings > Advanced > Header

<style>
  @media screen and (min-width:768px) {
  .design-layout-card figcaption.image-card-wrapper {
    width: 70% !important;
}
  }
</style>

Thank you, @tuanphan!!