Streaming live at 10am (PST)

How to set appropriate pixel values for a photo to align with other picture?


#1

Currently image A is not as same size as image A-1, so image A does not align with B.
Anyone knows that how to set a new size for image A like image A-1, so that image A would align with image B? How to know the exact pixel values?


#2

Like setting a fixed height for both?


#3

I tried but it did not work out.....
The picture distorts eventually.


#4

Then use background image with size "cover" instead.


#5

Where is the function?


#6

It's not immediately obvious but go to the background section in the style's tab on the right and click on the name of the image which is a link to a flyout menu where you will find the display options for background images.


#7

Still does not work out.....
I really don't where the problem is.....
I attached my settings here please check it.


#8

Delete the images and put a div in its place. Set div's background-image setting to the CMS item's image.

Then scroll down to the background section, add a default background and click the "cover" button.


#9

thank you for your reply.
I was wondering that how to Set div's background-image setting to the CMS item's image.
It is also in the tab of "Style" ?


#10

Setting "background-image" for image component doesn't do anything, as the image will cover the background-image.

You have to DELETE the image, then replace it with a div, then set background-image for the div instead.


#11

I followed your instruction but.......as you can see in the attached screenshot....

Preview:


#12

Now you will have to set a height, let's say 240px, and width of 100%.

Do the same for the left column.


#13

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.