Promo box text not vertical aligned

[rjay]

It looks like the Promo box is intended for two lines of text, because if I only have a few words in it (see here: http://www.masteringengineer.com) the text is not aligned with the CTA button (it’s a bit high). So how can I align it so that it is centered on the horizontal axis ?

• This topic was modified 7 years, 11 months ago by Jason Bobich. Reason: Changed word "horizontal" in title to "vertical" to avoid confusion

Topic

[rjay]

Same issue with Theme Options -> Header Text too, I think ….

[Jason Bobich]

Hello,

In the Promo box, there’s no alignment. It’s simply the button floated right of the text. Any other modifications would have to come in the form of your CSS customizations.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme‘s style.css or in the “Custom CSS” option on your theme options page.

For example:

.tb-slogan .slogan-text {
  display: block;
  padding-top: 8px;
}

[Jason Bobich]

Same issue with Theme Options -> Header Text too, I think ….

#branding .header-addon {
  margin: 0;
  -ms-transform: translate(0, -50%); /* IE9 */
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

[Author]

Replies