Okay
  Public Ticket #2742277
Flip Box Content Size
Closed

Comments

  • Jason started the conversation

    How do I change the size of the text in the Flip Box Content ? Nothing in options so I presume its a CSS ?

  •  2,682
    Andrew replied

    Hi Jason,

    Please send in your website url so that we can provide css for what's possible.

    Thanks.

  •  8,342
    Tahir replied

    Hey Again,

    The Settings are reflected by the html tags used, such as h1 and p tags. You can adjust these in the Typography Section. 

    Thanks 


    ThemeNectar Support Team 

  • Jason replied

    Here is the link - you can see I have two flip boxes but the white text is too small

    https://www.bumbleance.com/munstermachine/

    I cant tell what html tags are used within the flipbox ... I would just like to know the CSS style to tweak.

    Cheers,

    J.


  •  8,342
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .flip-box-back li {
        font-size: 0.9em !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Jason replied

    Almost worked - I want to change the size of the text on the front ... not the rear ... so is it something similar to below which I tried but didnt work ?


    .flip-box-front li {    font-size: 0.9em !important;
    }


  •  8,342
    Tahir replied

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-flip-box[data-v_text_align="center"] .flip-box-front .inner {
        font-size: 31px !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Jason replied

    Excellent! That worked - thanks!