Tweaking (JET Elements) Images Layout


#1

Hello. I have two questions:

  1. Using the “Images Layout” in Elementor and I would like to change the image sizes to a custom size of 300x200, but there is no option in the drop down menu. Is there a way to accomplish this?

  2. With the same image, the overlay takes up the entire image and I would like to change the height of the overlay to come right about the title. Is there a way to adjust the height of the overlay?

Here is the site for reference. It’s the Homepage: jupiterx.socketroll.com
** Its on the bottom with the temporary images of the hands

Thank you


#2

Any help on this would be appreciated.


#3

Still need help on this one please…anyone


#4

To show the image custom size, you will have to modify the element layout files.

To show the overlay only for the title, you can use this CSS:

.jet-images-layout__content:before{
	content: none;
}

.jet-images-layout__title{
	background-color: rgba(84,89,95,0.6);
}

#5

The CSS worked. Thank you. Also, Please see question #1 originally as there is not a place to make a custom image size with this widget.

Please advise.


#6

What I meant is that you have to make this possible in the core files of the images widget like the PHP file of the image widget.


#7

I have no idea how to do that. Do you have any code or an instruction to assist?