1 Topic by cabrackett01 (edited by cabrackett01 2026-02-04 15:46:50)

  • Registered: 2019-07-10
  • Posts: 17

Topic: ButtonBar position and orientation problem

Steven: I decided to delete the post because it contained so much info. Hope you agree.
Charles

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

Re: ButtonBar position and orientation problem

I cannot be sure, as I don't have access to all the files involved, but it appears that you might have some custom CSS in your 'styles.css' file that is overriding the default Juicebox CSS and interfering with the layout of the gallery's Button Bar.

Check your 'styles.css' file for any generalized CSS rules that the gallery might inherit. Look out for any CSS rules that, for example, apply to all 'img', 'p' or 'div' tags (rather than just specific instances of these tags through use of ids and classes).

I hope this points you in the right direction.
However, if you continue to experience difficulties, please post the URL to your gallery's web page so that I can see the problem for myself.
Once I'm able to see the gallery live on your web server, I'll be able to inspect all the files and hopefully determine the cause of the problem.
Thank you.

  • Registered: 2019-07-10
  • Posts: 17

Re: ButtonBar position and orientation problem

I think that has worked. I found the styles.css was indeed the culprit, and the very first style in it was the following:

html, html * {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-decoration-line: none;
    clear: both;
}

The clear: both; style was the problem. I forget now why I put it there, but will find out shortly I am sure.

Thank you, once again. I like the method you suggested to find where the problem arose.
Charles

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

Re: ButtonBar position and orientation problem

I'm glad you've found the cause of your problem.
Thank you for posting back to let me know. It's most appreciated.