[jamesdwiseParticipant]

Hello support!

I would like to add a smaller sized strap line just beneath my site main header text. Could you show me how to do this please?

Thanks,

James

[jamesdwiseParticipant]

This reply has been marked as private.

[RadModerator]

Hi James,

Sure, that’s doable. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

  .x-brand.text:after {
  content:"";
  display: block;
width: 80%;
margin: 20px auto 0;
  border-bottom: 4px solid rgb(229, 2, 233);
  }

Hope this helps.

[jamesdwiseParticipant]

Hi there,

Thank you for your response. I don’t think I explained what I wanted very well! I want a smaller line of text, not a colored line, below my title. So it reads my site title, and then beneath it a smaller line of text reading: ‘full media solutions’.

Could you tell me how I can add this instead of a line?

Thanks!

James

[RupokMember]

Hi James,

Thanks for clarifying.
You can add this under Custom > JavaScript in the Customizer.

jQuery(document).ready(function($) {
  var html = '<p class="logo-subtitle">full media solutions</p>';
  $( html ).appendTo('.x-logobar .x-container');
});

If you need to style the text, you can add the CSS under Custom > CSS in the Customizer.

.logo-subtitle {
  color: #fff;
  font-size: 20px;
  margin-top: 15px;
}

You can add your own CSS if needed.

Hope this helps.

Cheers!

[Author]

Posts