Remove Slideshow buttons and border

In the slideshow section, add in the below in the custom css:

.slider-button {

  display: none;

}

.slider-buttons {

  border: none;

}

• Related Articles

• Remove menu arrows in header

  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 ...

• Remove the "pickup availability" section of product page

  From your Shopify Admin, please go Online Store > Themes > Actions > Edit Code > Sections Search for pick_up_availability.liquid file Add the "comment" tag to the whole liquid file. add {% comment %} to the beginning of the file (first line) and add ...

• Remove the header and footer from a specific landing page

  Add this code before </body> tag in your theme.liquid file: {% if page.handle == 'x' %} <style> .header, footer {display: none;} </style> {% endif %}

• Remove/hide Sold out Badge for out of stock Products

  In base.css file, add this code at the bottom: .grid__item .card-wrapper:has(.price--sold-out) .card--media .card__badge { display: none !important; }

• Display bundle items in product page

  Add Metafields to Bundle Product Example metafield: Namespace & key: custom.bundle_items Type: List of Products (this is the ideal type for linking individual Shopify products) Assign Metafields to Bundle Product: Go to the bundle product in your ...