Docs

[finger123]

how do i remove the dead white space or i guess borders marked with the red arrows in the attached image?

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[finger123]

This reply has been marked as private.

[finger123]

This reply has been marked as private.

[Friech]

Hi There,

Please add the button element below the image, and we will position it layering above the image.

In the meantime, please add a property position: relative; on the section’s STYLE field.

I am not seeing any bit of white space between images, please clarify.

Thanks.

[finger123]

This reply has been marked as private.

[Friech]

Hi There,

Add a property position: relative; on the STYLE field of each of your 1/3 column.

Then add this on your custom CSS on Customizer.

.floating-btn {
    position: absolute;
    left: 40%;
    bottom: 25%;
}

Lastly add a class floating-btn to each of your button.

Hope it helps, Cheers!

[finger123]

hi. i did what you asked but i can only see one button. i have a total of 3 buttons.

[Jade]

Hi there,

Try updating the code to:

.floating-btn {
    position: absolute;
    left: 40%;
    bottom: 25%;
    z-index: 9999;
}

Hope this helps.

[finger123]

Hi. That did not seem to make any difference. i still only see one button.

[finger123]

maybe you guys can log back in and take a look as all your codes still only make 1 button show up. you will see what i mean once you log in.

[Friech]

Hi There,

I did not see any position: relative; on the columns.

Please add a property position: relative; on the STYLE field of each of your 1/3 column.

Thanks.

[finger123]

i see now. i was adding relative; without the position: in front of it. i just added that and is now working. I noticed that my top image is not responsive and does not appear in mobile version. Is there something i need to add to make my top image responsive as well?

[Friech]

Hi There,

Actually, you almost hide that section on every screen size. Please inspect that second section and do not enable any of its Hide Base on Screen Width option.

Thanks.

[finger123]

i cannot believe i didnt catch that. thank you! its working now.

[Author]

Posts