Change font

  • Resolved fredericsant

    (@fredericsant)


    7 years, 8 months ago

    Hello
    I would want to change the color and the size of the “Alttext” when the mouse is over the picture. I understand the plugin use the default size and color but how to change it

    Thanks for your help
    Rgds
    Frederic

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter fredericsant

    (@fredericsant)

    7 years, 8 months ago

    Hello
    After some search, I found for change the color and the size with add in “CSS additionnal” this :

    .flagPhantom_ThumbLabel_title {
    font-size: 10px;
    color:#ffffff;
    }

    2nd question: I don’t find how to center the text and put it more on the bottom of the picture

    Thanks
    Rgds
    Frederic

    Thread Starter fredericsant

    (@fredericsant)

    7 years, 8 months ago

    Hello
    I found too the solution for center the text. For all issues, I add that inside the Additionnal CSS
    .flagPhantom_ThumbLabel_title {
    font-size: 10px;
    color:#ffffff;
    text-align:center;
    }

    And last question, how to put the arrows near the picture and not in the left and right side of the screen ?

    Thanks
    Frederic

    Thread Starter fredericsant

    (@fredericsant)

    7 years, 8 months ago

    Le website is
    http://fredericvoyage.fr

    Plugin Author Serhii Pasyuk

    (@pasyuk)

    7 years, 8 months ago

    Try this code for arrows:

    .mfp-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mfp-button {
    position: relative !important;
}

.mfp-arrow-left {
    order: 1;
}

.mfp-arrow-right {
    order: 3;
}

.mfp-content {
    order: 2;
    margin: 0 !important;
}
    Thread Starter fredericsant

    (@fredericsant)

    7 years, 8 months ago

    Hi Rattus

    It’s fine now.

    Thanks a lot.

    Frederic

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Change font’ is closed to new replies.