[Justin Cartwright]

Heya,

Just looking to see what the process is to allow multiple buttons on the same corner of the screen

Currently if I select x2 buttons on the RH Bottom they are on top of one another, Ideally this would stack

Or if there is an ability to move a specific button up that would work too

Thanks

[Aakash Chakravarthy]

Hi Justin,

Sure, I can help. Can you please share the page URL where the button is added?
I need to write CSS to reposition the button.

Thanks,
Aakash

[Justin Cartwright]

Heya Aakash,

Thanks for your response
my URL is https://wp.thecartwrights.nz/music/guitar-tabs/
I would be curious on the process of how to generate the code myself for any future buttons that I might add

Kind Regards

[Aakash Chakravarthy]

Hi Justin,

Sorry for the delay. Please use the CSS below to position the button on the bottom left corner above the button on the bottom right.

#ufw_2 .ufw_btn {
    right: 1.5em;
    left: auto;
    bottom: 6em;
}

You can use the same CSS like above and change the ID of the widget box (2) as needed.
Here the button is moved to the bottom right side.

Thanks,
Aakash

[Justin Cartwright]

Thanks for that, I have copied that css directly into the advanced tab (additional css)
No change when doing this, or when changing the location numbers (1.5em, 6em) nothing is letting me move these buttons, could there be something else at play causing this?

[Aakash Chakravarthy]

Hi Justin,

Apologize for the late reply. There was a bug in v2.4.
Hence the inserted CSS didn’t work.

Please update to version 2.5 and the CSS should work as expected.

Thanks,
Aakash

[Author]

Posts