• Resolved kaz2

    (@kaz2)


    I would like to change the default size and font on popups. Is there a guide, document, YouTube, something I can refer to in order to accomplish this? Keeping in mind I am not a programmer. I would probably need “cut and paste” code to put in the proper place… if it can be done. (Custom CSS? Custom JS? Extra CSS Classes?) Seems one of those should do this.
    Thanks, Kaz

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter kaz2

    (@kaz2)

    A day later. . . I did what I should have first. Searched around, found code, played with it until it started to do what I wanted. Broke it, fixed it, played around, broke it…..
    Finally got it to do what I wanted to.
    So “Never mind”….

    Hello! Would you share how you do it? Greetings

    Thread Starter kaz2

    (@kaz2)

    Custom CSS for iPanorama to set the font family and size.
    In the “Custom CSS” tab I use the following, also check the “Enable Styles” button. You only need to do this once for the entire “item” it applies to everything in it.
    There may very well be other ways to do this, but it is what I came up with, and it works for me.

    You can search for the options, i.e. small, regular, large, etc. for size.
    Then for the font family same thing.
    You can copy + paste the lines in between the – – – – .
    – – – – –
    div {
    font-size:small; font-family: “Arial”, sans-serif;
    }
    – – – – –
    Hope it works for you.

    Thanks Kaz2! To share my experience, I hope it will be useful.
    Right-click the item you want to edit. You select “Inspect”. In the right window, which opens / Styles /, you find CSS responsible for this element. Something like this:
    ————
    .ipnrm .ipnrm-markers .ipnrm-custom .ipnrm-body>img {
    width: 200px;
    height: auto;
    background-color: gray;
    border-style: groove;
    border-color: #24cb83;
    border-width: 2px;
    }
    ————
    You need to copy it in the “Custom CSS” plugin section. And now you can make changes to the parameters, as well as add new valid CSS.
    Regards

    Thread Starter kaz2

    (@kaz2)

    Very nice. I will be trying this code later. As I was taking some photos today to add into an Popover I was thinking about the ones I had already done. There is no way I have seen to tell a marker with either a Popover or Tooltip or both. On a PC after you hover you see the Tooltip, you have to then click to see a Popover. If some items have Popovers and some do not basically you have to click on every one to see if there is something there.
    If the icon could change depending on if it was a Tooltip, a Popover, or BOTH would be very useful indeed.

    Thanks for finding the above custom code!

    Thread Starter kaz2

    (@kaz2)

    I think I have a solution for my question/issue on difference between Popover and Tooltip. I had not experimented with custom icons before. Seems this may work. Where there is a Popover, which usually has a photo attached, I will try using the Camera icon to show there is a picture available.
    Thanks. Kaz2

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Font Size / Type face’ is closed to new replies.