WordPress.org

Ready to get started?Download WordPress

Forums

Lightbox Plus Colorbox
How to style text in an inline lightbox? (2 posts)

  1. hilaryjb
    Member
    Posted 5 months ago #

    I've set the plugin up to display testimonials when people click on an excerpt of them. It works beautifully, except that the text in the lightbox is tiny, and in Arial, and without the normal clear line space between paragraphs. How can I change this?

    (You can see it here, in the second box down in the right-hand column, 'click for more' is the lightbox link.)

    I have tried generating external css but can't find anything in it about fonts or paragraph tags.

    https://wordpress.org/plugins/lightbox-plus/

  2. Edd Hurst
    Member
    Posted 5 months ago #

    Hi Hilary,

    The reason is because you have styled your CSS on the entry-content class, and not on the P element. Given that you have put your inline content tabs outside of the entry-content div, they aren't picking up any styling.

    Just add the following styles in to one of the inline element classes, and it'll work exactly the same. Alternatively just style the P element, and it'll work the same throughout the site:

    color: #100404;
    font-size: 16px;
    line-height: 180%;
    font-family: georgia,serif;
    background-color: #F7F4EF;

Reply

You must log in to post.

About this Plugin

About this Topic