New Payment Gateways Released

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Displaying Title in centre

1 week 3 days ago #1

  • Klaus's Avatar
  • Klaus
  • Posts: 33
Hello,

we would like to add a centered title for pictures in gallery.

How can we manage this?


aq-architekt.agentur-komet.de/projekte

Best regrads,
Klaus

1 week 3 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
Hello,
Thank you for contacting us

Where exactly should it be placed?
centered on the screen?

Regards,
Vyacheslav, Balbooa.com

1 week 3 days ago #3

  • Klaus's Avatar
  • Klaus
  • Posts: 33
Hello,

centered at the bottom on the picture.

1 week 3 days ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
This can only be done using custom css code.
Sample code
@media (min-width: 1025px){
	.gallery-modal .ba-modal-header .modal-title {
	    position: fixed;
	    bottom: 0;
	    left: 50vw;
	    transform: translateX(-50%);
	}
}

Regards,
Vyacheslav, Balbooa.com

1 week 3 days ago #5

  • Klaus's Avatar
  • Klaus
  • Posts: 33
It works on desktop, thank you.

How can it be done for mobile devices?

1 week 3 days ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
For mobile devices you need to add this code :
@media (max-width: 1024px){
	.gallery-modal .ba-modal-header .modal-title {
	    position: fixed;
	    bottom: 65px;
	    left: 50vw;
	    transform: translateX(-50%);
	}
}
–°hange the value "bottom" as you need

Regards,
Vyacheslav, Balbooa.com

1 week 3 days ago #7

  • Klaus's Avatar
  • Klaus
  • Posts: 33
Now it works fine, thank you very much!

Regards,
Klaus

1 week 3 days ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 14310
You are welcome ;)
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum