Momentum Homepage Single Background Image Edits

Hello, I am trying to edit the single background image on the momentum homepage: https://imgur.com/a/gMHdQKM

I can see in the content section on the left where to upload the image, for example, of the woman with her arms crossed, but I cant figure out how to upload/replace the crown icon, lightbulb icon, and squiggly lines. I can see in the media library that they are png files. Please help. Thank you.

Hello again, I realize that this topic has been covered several times but I am not able to make sense out of the screenshots I see in those threads.

I have deleted “td-slide-container” from the extra class column: https://imgur.com/a/wnjtkbo

When I click on the raw HTML file row, I dont see anything in the editor where I can replace the icons: https://imgur.com/H4RyMov

Thank you

Hi Anamaria, I am still having trouble and need your help. I appreciate your response.

I have deleted “td-slide-container” from the “extra class” field that you specified, please see my screenshot: https://imgur.com/a/cMHk5NK

You stated that I need to delete the extra class field above “and this code.” I have located the code you are referring to “mousemove(function…” what am I supposed to do with this code? delete it? verify something? I am confused with this step. I located the code after clicking the raw html box that you referred to. please see my screenshot: https://imgur.com/a/7nrCgMO

This is the image that you referenced, I am unable to duplicate this step. It seems after getting through the second step above that the overlayed pngs will be revealed? Again, I can’t duplicate this step that you shared: https://i.imgur.com/H4pdP1Q.png

It seems that you had previously recorded your screen and shared the solution via wetransfer but the link is no longer available. If you can clarify further these steps with a screen share or screenshots, I would appreciate it. Thank you!

Hi Anamaria, I appreciate the video, that solved my issue. I am always concerned about slowing down my site when editing code, so I outlined the steps I took. If there is anything wrong with the steps I took below, please let me know. I want to make sure my site is fully optimized.

1) Go to the column of the hero image and cut the “td-slide-container” from the “Extra Class” field and paste in a text file and save for the final step.

2) Go the to the “Raw HTML” section and cut the code and paste in a text file to save for the final step.

3) This will reveal the images that are overlayed on the hero section, about section, and testimonial section. Click on any of the images and on the General tab>Image section I can then replace/upload a new image.

4) Once the images are replaced I need to paste “td-slide-container” back into the “extra class” field in the single image column general tab for the hero section, and also paste back in the code in the raw html section in the testimonials section.

Thank you.

Hi Anamaria, just one more question. If I decided to go without the images – remove the images and not replace them, I get a “single background image render failed – no image selected” notice in the tagdiv composer, but dont see any visual issues when publish/view the page. Is this an okay way to go without the overlayed images? I’d like the option to go back and add images if I want.

Hi Anamaria, I actually can see that simply removing the images is not the right method, the no image selected error message shows on the page after previewing. If I want to remove the images what are the right steps to take?

Hi Anamaria, I really appreciate the video, very helpful. My only concern with deleting the images element, is that I imagine it will be troublesome to reinstate those images if I wish to revert back some day. The only workaround I found was I created transparent pngs that are 1kb in size and uploaded them in place of the overlaid images.

Please consider this ticket closed unless you have any concerns with this.

As always, thank you for your help!

Hi Anamaria, I understand now, thank you!