Remove buttons from Dual Content tiles (Sahara theme)?

Store Design
,
1

Hello,

Could someone please tell me how to remove buttons from ‘dual content tiles’ in the Sahara theme?

Is it possible do without coding? Or could you please assist me in how to code to remove theme?

TIA

2

Hi @Alluren ,

Can you please provide me the preview url of the store so that I can assist you on?

Thank you

3

hi @LuffyOnePiece ,

https://ubewibgbholidxr9-80707387720.shopifypreview.com - it is on the ‘Our story’ page (link in header - Community OR footer.

I have use 3 'dual content files to add information and image (temporary images currently). Each section I would like to remove the buttons.

4

Alternatively, if there is another option to be able to insert image next to text without button?

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.section-dual-tiles__actions {
display: none;
}

ZestardTech_0-1716464140961.png
ZestardTech_0-1716464140961.png1629×937 289 KB

6

Hi @ZestardTech ,

Thank you. This has removed the buttons but it has removed them from all dual content tiles. Is there a way to only remove them from the tiles on this particular page?

7

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.liquid and paste this at the bottom of the file:
{% if page.handle  == 'our-story' %}
  
{% endif %}
8

Hi @Alluren

Just question, do you like to remove on this specific 3 section only? or you like to remove in all over the store?

check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

a.button.section-dual-tiles__button.button--outlined.button--uppercase {
    display: none;
}

And Save.

This code is for the all same section.

.section-dual-tiles__tile.block-template--16809880650043__659a65bf-3115-47f3-af72-a53dd56039e2-1667604434dda13274-0 a.button, 
.section-dual-tiles__tile.block-template--18086433161531__03a45767-3819-40b4-a750-ab1add481edc-1677165430713b18f7-0 a.button,
.section-dual-tiles__tile.block-tile_EwLiBH a.button {
display: none;
}

And Save.

Result:

Made4uoRibe_0-1716465658131.png
Made4uoRibe_0-1716465658131.png561×363 140 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

9

Now all the buttons have returned unfortunately.

10

Thank you so much @Made4uo-Ribe . Your help is very much appreciated. The second code has solved my issue to remove button only from those sections on that page.

11

Welcome, that is why I give you options to choose. :sweat_smile: