Return to previous page

How to make the image appear from edge of screen

This topic has 4 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Jack Richardson

websol

Participant

June 25, 2015 at 11:16

I have an image setup in a new row. I want this to appear from the far right edge of the browser and not within the current column wrap as it is. How can I do thiS? I do not want it as part of the row background either because that will respond and then go behind the text on small devices.. I just want it to come from both the far right edge and the bottom of row.

If you scroll down to DIGITAL PRINTS you will see the picture floating, here is how I want it….

Sample: http://postimg.org/image/bnlutc0pp/

Thanks

Please, contact administrator
for this information.

#71540 Copied Theme version: latest

3 Answers

Jack Richardson

Support staff

June 25, 2015 at 11:59

Hello,

You have to create a background image (use Photoshop for this) and add this background image to the whole row in the row settings.

Best regards,
Jack Richardson.

#71555 Copied

websol

Participant

June 25, 2015 at 12:03

Thanks for the input.

I know about adding the bg image, but I am not looking to do that. I purely want to make the image appear on its own independent from the BG, BUT have it come from the far edge rather than float where it currently is. Is there some CSS?

You can do this on elegant themes divi.. pretty basic click yes / no if would like to remove padding from edge. It is how images are able to pop up from the very bottom or side of each row and blend better to the next rather than float like they do here.

So this cannot be done?

#71558 Copied

Jack Richardson

Support staff

June 25, 2015 at 14:11

Hello,

I’ve added this code in Custom CSS block of VC editor:
http://storage2.static.itmages.com/i/15/0625/h_1435237752_3737865_0902c6400e.png
and removed your padding/margin values you had set in the column settings.
Please clear browser cache and check your site now.

Best regards,
Jack Richardson.

#71583 Copied
Viewing 4 results - 1 through 4 (of 4 total)