Template Floox > Button Centered Vertically And Horizontally On Video - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Template Floox > Button Centered Vertically And Horizontally On Video

N

Nabora

Template 2 years ago

Hello,

I would like to place a button centered vertically and horizontally on the video (see link) and have it work on all browsers. Can you help me on this?

Thank you very much in advance.

Best regards, Michel

0
20 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104715

I don't have Mac to confirm or deny.

In Windows (Chrome/Firefox) I have on the middle, anyway find CSS method that works for all. This task anyway was beyond support.


Chrome - clear browser cache.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104630

Hi Nabora,

As 1st step: in Row Options > Vertical Align: Center > Save changes

it should help, if not let me know.

0
N
Nabora
Accepted Answer
2 years ago #104683

Your solution does not work… You should go to the site to understand my request.

The button is an addon under that of the video. Centering the button in the row does not change anything.

Thanks for your help.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104685

403: Accès interdit Votre emplacement (PL) a été mis en liste noire.

Really? unlock me, I asked already.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104686

And if you want to have button on video, use that button in this same ROW.

0
N
Nabora
Accepted Answer
2 years ago #104687

Ohh sorry… try again !

0
N
Nabora
Accepted Answer
2 years ago #104689

Here are the access…

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104690

Rsfirewall password is ??

0
N
Nabora
Accepted Answer
2 years ago #104691

Oups… too sorry!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104694

Merci, checking...

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104698

Done, I removed your old CSS code, and I used only this

#sppb-addon-wrapper-1675948653793 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

Yes, I could done it just from settings (front-end editor), but ...

info_344_2023.jpg

0
N
Nabora
Accepted Answer
2 years ago #104701

Great, thanks a lot !!!

However, I can't find how to remove the 100px white under the video :(

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104703

I don't see 100px anywhere in the first row.

info_345_2023.jpg

2nd section/row has 50px top padding, just change value and save settings.

0
N
Nabora
Accepted Answer
2 years ago #104704

It shows up like this in Google Chrome (Mac)…

0
N
Nabora
Accepted Answer
2 years ago #104708

In Firefox and Safari, it's perfect!

0
N
Nabora
Accepted Answer
2 years ago #104711

Firefox/Safari VS Chrome!

Firefox/Safari on the left and Chrome on the right…

0
N
Nabora
Accepted Answer
2 years ago #104790

Thank you for your prompt response!

I must admit that this is the first time since my subscription to Joomshaper that someone has answered me so quickly and with a solution that works. Usually I have to wait 48 to 72 hours :(

Thanks again for your availability.

See you soon!

PS.: For the display defect on chrome, I will search on the side of google…

PS. 2: Sorry for my bad English ;)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #104859

The fastest I was with a good answer... it was about 90 sec after the user post.

Sorry that you have to wait sometimes a big longer than you should.


In our country we have a proverb:

Happy people don't measure time.

0
N
Nabora
Accepted Answer
2 years ago #104860

Haha, excellent :))

0
N
Nabora
Accepted Answer
2 years ago #106011
0