Okay
  Public Ticket #1437330
Change animated title background size?
Closed

Comments

  • Zach started the conversation
    January 18, 2018 at 7:07pm

    For the blue background of 'Set the Stage', the 'g' is cut off. Despite using the dev tools in Chrome I can't seem to figure out how to expand that. 

    https://hellokeynote.com/

    How do I fix this?

  •  3,034
    Andrew replied
    January 18, 2018 at 8:00pm

    Hey there,

    Thanks for reaching in,

    Please use the CSS below;

    .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap { line-height:1em; }

    Hope this help,

    Regards

  • Zach replied
    January 18, 2018 at 8:15pm

    Thanks Andrew, 

    It doesn't seem to change anything, i added the CSS directly to that page in wordpress, am I missing something somewhere?

  •  3,034
    Andrew replied
    January 18, 2018 at 8:22pm

    Hey there,

    Thanks for reaching in,

    Please try this;

    .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap, .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap h1 { line-height:1em; }

    Regards

  • Zach replied
    January 18, 2018 at 8:27pm

    Most excellent! That seemed to do the trick for that. I wonder... and I tried in the dev tools,  is it possible to bring that text up slightly (center it vertically)? So the 'g' isn't so close to the bottom?

    I'm sure it's a margin or padding setting, but I just can't quite find it. 

  •  9,016
    Tahir replied
    January 19, 2018 at 1:04pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap, .nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap h1 {
    top: -3px !important;
}

    Thanks

    ThemeNectar Support Team 

  • Zach replied
    January 19, 2018 at 2:33pm

    Awesome! that's it, thanks so much!