Avada Forums Community Forum CSS for flip box font

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • DuncanSleek
    Participant
    Post count: 3

    Hi All,

    What would the CSS be if I wanted to adjust the font on ALL flip-boxes?

    Seems the only way I’m going to get them all the same height (as there’s no way I can get the same amount of text in each).

    Any help would be gratefully received,

    Best, Duncan

    dragonit90
    Participant
    Post count: 6

    Hi guys,

    I join the question!

    I figured out this CSS:

     .flip-box-back-inner, .flip-box-front-inner {
    min-height: 250px !important;
    }

    which will make them all same height, however, after applying it the backside text is NOT centered anymore – it is aligned to top. Any ideas how to make backside text centered again?

    thanks!

    dragonit90
    Participant
    Post count: 6

    Figured it out..

    besides the above CSS add also

    
    .flip-box-heading-back {
        padding-top: 120px !important;
    }

    Obviously change pixels based on your needs… Not very elegant but works..

    DuncanSleek
    Participant
    Post count: 3

    Very nearly Dragondit90!!

    The first part of the CSS works but I’m finding that changing the padding on the heading-back isn’t making any difference. Any suggestions?

    Best, Duncan

    winevideo
    Participant
    Post count: 2

    Did you figure it out? I need help on this! Please!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.