Remove button over photo while still embedding a link

New Member
15 0 0

I have a section on my home page (see attached) where I would like to remove the button, however, when I remove the button in code, the photo is no longer embedded with the url and is not clickable.

 

Anyone able to help?

 

HTML OF THE SECTION BELOW:

 

<div class="two-image-row">
  
  <div class="two-image-col" style="background: url({{section.settings.first-col-img | img_url: 'master'}}); background-size:cover">
    
   
     
            <h1 class="display-1 mb-3 featured-overlay two-image-text">
 
              {{ section.settings.first-col-title }}
 
            </h1>
 
              <!-- HC - 19 Sep '18 - added checkbox condition -->
 
              <a href="{{section.settings.first-col-url}}" class="two-image-row-btn btn btn-light text-uppercase rounded-0 px-4 py-2 sss">
 
                {{ section.settings.first-col-link }}
 
              </a>
      
         
        </div>
 
              
  
  <div class="two-image-col about-bg" style="background: url({{section.settings.second-col-img | img_url: 'master'}});background-size:cover"> 
    
 
    <div class="two-img-text-bg"> 
      
     <div class="two-img-text"> 
     <h1 class="about-h">
 
          {{ section.settings.second-col-title }}
 
        </h1>
 
          <!-- HC - 19 Sep '18 - added checkbox condition -->
      <p class="about-p">{{section.settings.second-col-text}}</p>
      </div>
    
  </div>
  
  
</div>
</div>
 
 
{% schema %}
  {
    "name": "Homepage Two Image Row",
"presets" : [
 
      {
 
        "category" : "Homepage Two Image Row",
 
        "name" : "Homepage Two Image Row"
 
      }
 
    ],
    "settings": [
{
"label": "First Column Image",
"id": "first-col-img",
"type": "image_picker"
},
{
"label": "First Column Title",
"id": "first-col-title",
"type": "text"
},
{
"label": "First Column Link Title",
"id": "first-col-link",
"type": "text"
},
{
"label": "First Column Url",
"id": "first-col-url",
"type": "url"
},
 
 
 
{
"label": "Second Column Image",
"id": "second-col-img",
"type": "image_picker"
},
{
"label": "Second Column Title",
"id": "second-col-title",
"type": "text"
},
{
"label": "Second Column Paragraph",
"id": "second-col-text",
"type": "textarea"
}
]
  }
{% endschema %}

 

 

Screen Shot 2019-09-17 at 12.03.51 PM.png

0 Likes

Hello
Can you share your site url? so that i can check and let you know.

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
0 Likes
New Member
15 0 0
Yes. It is

www.dosfemmes.com
0 Likes
Highlighted

Hello

Do not try to remove button via HTML , It will be difficult to manage if you dont have complete knowledge of Liquid file structure.

Just add this code in your theme-> edit code-> assets->theme.scss.liquid

#shopify-section-1550270981989 .two-image-col .two-image-row-btn {
	display: none;
}

This will help you this.

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Content Writer | Digital Marketing | SEO Expert | Site Optimization | Web Design | Web Development
0 Likes
New Member
15 0 0

I applied the code but the photo does not click through to the link. Your help is appreciated.

0 Likes