Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #903774
    PhilTone
    Participant

    Hey,

    is it possible somehow to justify a custom headline?

    It should look like on the attachment.

    Thx,
    Phil

    #904530
    Prasant Rai
    Moderator

    Hello Phil,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #904542
    PhilTone
    Participant
    This reply has been marked as private.
    #905400
    Rue Nel
    Moderator

    Hello Phil,

    Thanks for providing the url of the site. Regretfully text justify will only be applicable if the text content is more than the given content row just like here: http://prntscr.com/ay8ieb.

    If you want to achieve something like your screenshot, you may need to insert a custom css utilizing the letter-spacing. I would suggest that in your custom headline, you add a custom class my-custom-headline and then insert the following custom css in the settings tab, Settings > Custom CSS

    @media(min-width: 980px){
      .my-custom-headline {
        letter-spacing: 60px;
      }
    }

    http://prntscr.com/ay8jrp

    Hope this helps.

    #905426
    PhilTone
    Participant

    thx for the help – this won’t do it though, since it’s static and i am looking for a way to have every headline just spread across the column it is in.

    Another general problem i have is that on the mobile versions the headlines are cut off – any idea how to fix this?

    #906420
    Rue Nel
    Moderator

    Hello There,

    I would recommend that you apply the responsive text and manage it in Settings > Responsive Text. For more details about responsive text, please check it here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

    Please let us know if this works out for you.

  • <script> jQuery(function($){ $("#no-reply-903774 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>