Support » Theme: Sydney » Add a third line of text above buttons on header

  • Resolved felicia

    (@feliciaarthousecreativecom)


    I would like to add another line of text under the subhead (Storage | Installation | Shipping) on the header. Any ideas on how to accomplish this?

    • This topic was modified 1 month, 2 weeks ago by  felicia.
    • This topic was modified 1 month, 2 weeks ago by  felicia.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello there,

    Try doing the below steps:

    1. Install and activate the TC Custom JavaScript plugin
    2. Go To Appearance > Custom JavaScript
    3. Paste the following code into the provided box

    
    ;(function($) {
    
      'use strict'
    
      if( $('.slide-inner.text-slider-stopped').length ) {
    
        var extraText = 'Third line text goes here.';
    
        $('.slide-inner.text-slider-stopped').find('.text-slider').append('<p class="third-slide-text">'+extraText+'</p>');
    
      }
    
    })(jQuery);
    

    4. Update
    5. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    .header-slider .text-slider .subtitle {
      padding-bottom: 0;
    }
    
    .text-slider .third-slide-text {
      color: #ffffff;
      letter-spacing: 1px;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      font-size: 18px;
    }
    

    Regards,
    Kharis

    felicia

    (@feliciaarthousecreativecom)

    Thank you!

    You’re welcome!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.