Change Overlay Font Size

  • lazzzzzarus

    (@lazzzzzarus)


    6 years ago

    How do you change font and size for the text overlay? Font is currently too big and I can’t see all the necessary information. Please help!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nikita

    (@nko)

    Hi.

    It is possible with custom CSS. Example:

    .vp-portfolio__item-meta-excerpt {
    font-size: 12px;
}

    Regards, nK.

    Thread Starter lazzzzzarus

    (@lazzzzzarus)

    Follow up question:

    How do you change the font size of the TITLE of the overlay?

    Thank you!

    Plugin Author Nikita

    (@nko)

    Hi.

    You can change it in the same way. Use browser Inspector to find the right classes to override styles.

    Regards, nK.

    Thread Starter lazzzzzarus

    (@lazzzzzarus)

    The title in question is showing up as:

    <h2 class=”vp-portfolio__item-meta-title”>

    CSS is not affecting the size, nor is changing the size of the “Header 2”. It seems like I can make it bigger by adjusting the Header 2 size, but not smaller, as if there is a minimum amount set somewhere. Any thoughts?

    – jl

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Overlay Font Size’ is closed to new replies.

Tags