Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 OVERLAP IMAGE OVER HERO


Question

Hi all,
 
have a little diamond image that I I would like to overlap the hero. You will see the hero image actually has the diamond on it but rather than displaying it that way I would like for the png that I added to overlap that section so it looks better on the parallax.
 
I have this code but can't get it to work.
 
/* remove section bottom padding */
[data-section-id="5ef91d882801f1255c12e37b"] .content-wrapper {
    padding-bottom: 0 !important;
}
/* remove overflow hidden */
div#block-yui_3_17_2_1_1594737404430_275 .image-block-wrapper {
    overflow: visible !important;
}
/* overlap image */
div#block-yui_3_17_2_1_1594737404430_273 img {
    width: auto !important;
    bottom: -20% !important;
    top: unset !important;
    right: 0;
    z-index: 999;
}
 
My website:
www.cocosatelier.co.uk
password: caview23
 
Any help would be very appreciated, thank you in advance.
 
Chanel
cleardot.gif
 
Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

Can you share link to page where you inserted diamond image?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
Posted (edited)

Hi Tuan, 

Thank you for your help. The diamond link: https://images.squarespace-cdn.com/content/5eea9f18d522a654baa80b9b/1594577282957-FV6G7A5E5K82HZNFQW4H/diamond.png?content-type=image%2Fpng 

Your code has worked for me but I was wondering if there is a way of locking it into place so it does not shift to another position on any screens? Is that possible? Also how can I make it smaller? I tried to resize it by adding the width but it moved the position also.

Thank you so much

Chanel

 

Edited by CocosAtelier
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...