ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• May 9, 2016 at 9:58 am #266074
  coucou81

  Member

  Post count: 61

  Hi there,

  i have been searching the forum but cannot seem to find my solution, so here I am.
  I have a page where I have put in a page title in Hero style. I defined an image and have set all properties as in my attachment. Now i would like the picture to “optically come forward” Bit of a 3D effect. So I figured that i should at some sort of shadow to the top and bottom. Havent been able to figure that one out.
  Have tried to get the row below to ad shadow to the top, but that did not work either (all css stuff).

  Help! 🙂

  May 9, 2016 at 10:14 am #266075
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you post the link to that page and share your image in a Dropbox file or something similar?
  Thanks

  -Rui

  May 9, 2016 at 10:19 am #266079
  coucou81

  Member

  Post count: 61

  This reply has been marked as private.
  May 9, 2016 at 10:24 am #266089
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide correct login detail.
  Thanks
  Mohammad

  May 9, 2016 at 10:25 am #266091
  coucou81

  Member

  Post count: 61

  This reply has been marked as private.
  May 9, 2016 at 12:41 pm #266152
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach a marked screenshot to explain the issue exactly.
  Thanks
  Mohammad

  May 9, 2016 at 3:28 pm #266221
  coucou81

  Member

  Post count: 61

  Hi Mohammad,

  thank you for your reply. The screenshot is attached.

  May 9, 2016 at 3:31 pm #266224
  coucou81

  Member

  Post count: 61

  again…

  Attachments:

  You must be logged in to view attached files.
  May 10, 2016 at 7:02 pm #266566
  David Martin – Support

  Moderator

  Post count: 20834

  This would add a subtle inset shadow to the image, remove the image black background color and opacity you have set:

  .fancy-heading .media-overlay {
      -webkit-box-shadow: inset 0px 0px 69px 20px rgba(122,122,122,0.8);
      -moz-box-shadow: inset 0px 0px 69px 20px rgba(122,122,122,0.8);
      box-shadow: inset 0px 0px 69px 20px rgba(122,122,122,0.8);
  }

  Thanks.

  May 11, 2016 at 7:10 am #266678
  coucou81

  Member

  Post count: 61

  Hi david,
  thank you for that reply. I have removed the black overlay and the opacity. Put in the code and did not see any difference. So i have made the color of the inset darker and i have tried with the use of !important. Still no luck 🙁
  I have attached a screenshot of the inspector where you can see it takes the overlay into account but personally i do not see anything?

  May 11, 2016 at 6:26 pm #266921
  David Martin – Support

  Moderator

  Post count: 20834

  Can you provide a photoshop mockup of what you desire so we can provide more precise CSS.

  Thanks.

  May 11, 2016 at 6:27 pm #266922
  David Martin – Support

  Moderator

  Post count: 20834

  Can you provide a photoshop mockup of what you desire so we can provide more precise CSS.

  Thanks.

  May 11, 2016 at 7:58 pm #266935
  coucou81

  Member

  Post count: 61

  Hi, I will just wait till my other thread closes whilst i seem to have some header problems so this might be related. Too be sure not to do stuff in vain i will hold on this till the other thing gets sorted 🙂

  May 11, 2016 at 10:45 pm #266947
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  ok. No problem.

  -Rui

  May 14, 2016 at 7:47 pm #267552
  coucou81

  Member

  Post count: 61

  Hi there,

  the other problem was “resolved” and this one all of a sudden works again like it should. Thanks David for the code.
  Have a nice weekend.

• Back to forum

  Posted in: Atelier