• wsw
  • Member
  • Offline
  • Registered: 2013-10-15
  • Posts: 10

Topic: Back Button and Gallery Title Overlap

Hi,

Back button and gallery title overlap when the gallery title is positioned left. Both back button and gallery title are set to OVERLAY.

Is there any solution - by options or by modifying CSS(custom theming) - to position the gallery title just after the back button ? Or just before it ?

And more generally, can an element be positioned relatively to another element by custom theming ?

Regards!

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Back Button and Gallery Title Overlap

The easiest solution (if both the backButton and galleryTitle are positioned on the OVERLAY) would be to set backButtonHAlign="LEFT" and galleryTitleHAlign="CENTER" (or vice versa). (An alternative solution would be to set backButtonPosition="TOP" and galleryTitlePosition="OVERLAY".)

Is there any solution - by options or by modifying CSS(custom theming) - to position the gallery title just after the back button ? Or just before it ?

You should be able to tweak the position of either the Back Button or the Gallery Title via CSS as follows:

<style type="text/css">
    /* Back Button */
    .jb-go-back {
        margin-left: 100px !important;
    }

    /* Gallery Title */
    .jb-area-large-mode-title {
        margin-left: 150px !important;
    }
</style>

And more generally, can an element be positioned relatively to another element by custom theming ?

No. This is not possible.