Add second line of text or subheading to slideshow in Minimal Theme

As title description, I want to add a second line of text underneath the main header and above the button that displays over the image in the slideshow section of the Minimal theme. Not sure where to edit this.

Here’s the current code for ‘slider.liquid’ :

{%- if settings.enable_wide_layout -%}
  {%- assign max_width = 1280 -%}
{%- else -%}
  {%- assign max_width = 970 -%}
{%- endif -%}
{%- assign slide_width = max_width -%}

{%- case section.settings.slider_height -%}
  {%- when 'small' -%}
    {%- assign slider_desktop_height = '400px' -%}
    {%- assign slider_mobile_height = '250px' -%}
  {%- when 'medium' -%}
    {%- assign slider_desktop_height = '500px' -%}
    {%- assign slider_mobile_height = '300px' -%}
  {%- when 'large' -%}
    {%- assign slider_desktop_height = '600px' -%}
    {%- assign slider_mobile_height = '400px' -%}
  {%- when 'adapt' -%}
    {%- assign min_aspect_ratio = section.blocks[0].settings.image.aspect_ratio | default: 2.0 -%}
{%- endcase -%}

{%- unless section.settings.slider_height == 'adapt' -%}
  {%- style -%}
    #flexslider--{{ section.id }} .slides__image,
    #flexslider--{{ section.id }} .slides svg {
      height: {{ slider_desktop_height }};
    }

    @media screen and (max-width: 768px) {
      #flexslider--{{ section.id }} .slides__image,
      #flexslider--{{ section.id }} .slides svg {
        height: {{ slider_mobile_height }};
      }
    }
  {%- endstyle -%}
{%- endunless -%}

{%- if section.blocks.size > 0 -%}
  {%- assign arrow_offset = section.blocks.size | times: 10 | plus: 60 -%}
  {%- style -%}
    .slider__controls-button--prev {
      left: calc(50% - {{ arrow_offset }}px);
    }
    .slider__controls-button--next {
      right: calc(50% - {{ arrow_offset }}px);
    }
    {%- if section.settings.slider_height == 'adapt' -%}
      {%- if section.settings.slider_home_transition == 'fade' -%}
        #flexslider--{{ section.id }} .slides {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- else -%}
        #flexslider--{{ section.id }} .flex-viewport {
          padding-top: {{ 100.0 | divided_by: min_aspect_ratio }}%;
        }
      {%- endif -%}
    {%- endif -%}
  {%- endstyle -%}
  
    

      

        {%- for block in section.blocks -%}
          {%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

          {%- if block.settings.image.width < max_width -%}
            {%- assign slide_width = block.settings.image.width -%}
          {%- endif -%}

          {%- style -%}
            #slide--{{ block.id }}, #slide--{{ block.id }}_clone {
              color: {{ block.settings.color_text }};
            }
            #slide--{{ block.id }}:not(.slide-hide)::before, #slide--{{ block.id }}_clone:not(.slide-hide)::before {
              opacity: {{ block.settings.overlay_opacity | divided_by: 100.00 }};
            }
          {%- endstyle -%}

          - {%- if block.settings.image != blank -%}
              
              {%- else -%}
              
                  {% capture current %}{% cycle 1, 2 %}{% endcapture %}
                  {{ 'lifestyle-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
              
              {%- endif -%}

              {%- assign show_link_button = false -%}
              {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
                {%- assign show_link_button = true -%}
              {%- endif -%}
              {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
              

                

                    {%- unless block.settings.slide_heading == blank -%}
                      ## 
                        {{ block.settings.slide_heading | escape }}
                    
                    {%- endunless -%}
                    {%- if show_link_button -%}
                    
                        {{ block.settings.button_label | escape }}
                    
                    {%- endif -%}
                

              

              {%- endunless -%}
          
        {%- endfor -%}
      

      
    

    {%- if section.blocks.size > 1 -%}
      
        {%- if section.settings.slider_autorotate -%}
          
        {%- endif -%}
        

          - 

          - 
        

      

    {%- endif -%}
    
      {%- for block in section.blocks -%}
        {%- assign show_link_button = false -%}
        {%- if block.settings.button_label != blank and block.settings.button_link != blank -%}
          {%- assign show_link_button = true -%}
        {%- endif -%}
        {%- unless block.settings.slide_heading == blank and show_link_button == false -%}
          

            {%- unless block.settings.slide_heading == blank -%}
              ## 
                {{ block.settings.slide_heading | escape }}
              
            {%- endunless -%}
            {%- if show_link_button -%}
              
                {{ block.settings.button_label | escape }}
              
            {%- endif -%}
          

        {%- endunless -%}
      {%- endfor -%}
    

  

{%- endif -%}

You can try adding a line of code at a few different spots to see where that shows up, example:


Trying some test text

Example put that above the button element in your code and see what happens.

If you’re looking for a more precise answer I would share the url of the page this is on, then developers can inspect the code and see what needs to be edited and how it would look.

1 Like

Thank you! This worked. I found the following line of code in the slider.liquid:


                

                  {%- unless block.settings.slide_heading == blank -%}
                    ## 
                      {{ block.settings.slide_heading | escape }}
                    
                  

SECOND LINE OF TEXT GOES HERE

                  {%- endunless -%}
                  {%- if show_link_button -%}
                    
                      {{ block.settings.button_label | escape }}
                    
                  {%- endif -%}
                

              

1 Like

Excellent, good job!

If you want to change the styling you can get into CSS (here’s an intro if you’re unfamiliar: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics).

You can either add CSS rules to a CSS file that apply to that element, or you can do inline styling like this:


This text will show orange on your site