# \#css

**URL:** https://community.shopify.com/tag/css/2995.md

[Latest](https://community.shopify.com/latest.md) · [Categories](https://community.shopify.com/categories.md) · [Tags](https://community.shopify.com/tags.md)

---

## [Nordic Theme Header and Announcement Bar Issue](https://community.shopify.com/t/nordic-theme-header-and-announcement-bar-issue/687230)

<div class="topic-metadata">

**Author:** [@siva\_fds](https://community.shopify.com/u/siva_fds)\
**Replies:** 8\
**Last updated:** [October 19, 2026, 9:02am UTC](https://community.shopify.com/t/nordic-theme-header-and-announcement-bar-issue/687230 "2026-10-19T09:02:49Z")

</div>

I’m using the Nordic theme, and when I add an announcement bar to the header, the header and announcement bar collapse into each other, making the layout look cluttered, especially on mobile. Website: https://kalbeliya.…

---

## [Need help in moving the collection title](https://community.shopify.com/t/need-help-in-moving-the-collection-title/697128)

<div class="topic-metadata">

**Author:** [@siva\_fds](https://community.shopify.com/u/siva_fds)\
**Replies:** 10\
**Last updated:** [October 19, 2026, 9:01am UTC](https://community.shopify.com/t/need-help-in-moving-the-collection-title/697128 "2026-10-19T09:01:42Z")

</div>

I want to move my collection title to the centre of the page Website link: https://5bywbauonl3wfd8y-58056376460.shopifypreview.com

---

## [How to Remove Default Size Selection and Change Add to Cart Button to “Select Size”](https://community.shopify.com/t/how-to-remove-default-size-selection-and-change-add-to-cart-button-to-select-size/697387)

<div class="topic-metadata">

**Author:** [@AceDiamond](https://community.shopify.com/u/AceDiamond)\
**Replies:** 13\
**Last updated:** [October 18, 2026, 6:40pm UTC](https://community.shopify.com/t/how-to-remove-default-size-selection-and-change-add-to-cart-button-to-select-size/697387 "2026-10-18T18:40:45Z")

</div>

Hi everyone! :waving\_hand: I need some help with my Shopify product page on Atelier theme. I want to remove the default pre-selected size variant so that customers have to manually select their size before they can add…

---

## [Moving the product title, reviews, and other product details above the product image](https://community.shopify.com/t/moving-the-product-title-reviews-and-other-product-details-above-the-product-image/689677)

<div class="topic-metadata">

**Author:** [@apa\_1](https://community.shopify.com/u/apa_1)\
**Replies:** 7\
**Last updated:** [October 18, 2026, 6:24pm UTC](https://community.shopify.com/t/moving-the-product-title-reviews-and-other-product-details-above-the-product-image/689677 "2026-10-18T18:24:03Z")

</div>

I need help moving the product title, reviews, and other product details above the product image in the Enterprise theme, as shown in the reference image. How can I achieve this for my store?

---

## [Royce theme product page customization](https://community.shopify.com/t/royce-theme-product-page-customization/696973)

<div class="topic-metadata">

**Author:** [@siva\_fds](https://community.shopify.com/u/siva_fds)\
**Replies:** 7\
**Last updated:** [October 18, 2026, 10:12am UTC](https://community.shopify.com/t/royce-theme-product-page-customization/696973 "2026-10-18T10:12:55Z")

</div>

I’m using the Royce premium theme, and I want to customise the width of the Add to Cart CTA because it doesn’t match the Buy Now button. Also, when I add a product to the cart, the cart drawer opens and shows the added p…

---

## [Migrating from BigCommerce to Shopify](https://community.shopify.com/t/migrating-from-bigcommerce-to-shopify/579262)

<div class="topic-metadata">

**Author:** [@Westfire](https://community.shopify.com/u/Westfire)\
**Replies:** 6\
**Last updated:** [October 17, 2026, 6:26pm UTC](https://community.shopify.com/t/migrating-from-bigcommerce-to-shopify/579262 "2026-10-17T18:26:20Z")

</div>

Looking to migrate from BigCommerce to Shopify. Are there any hiccups I need to be aware of and has anyone else had this experience? The process has me nervous.

---

## [Delivery bar/block](https://community.shopify.com/t/delivery-bar-block/691796)

<div class="topic-metadata">

**Author:** [@Tammy\_29](https://community.shopify.com/u/Tammy_29)\
**Replies:** 27\
**Last updated:** [October 16, 2026, 9:45pm UTC](https://community.shopify.com/t/delivery-bar-block/691796 "2026-10-16T21:45:27Z")

</div>

Hi, I used the ai generator to create a delivery countdown but the text is not exactly aligned in the middle, can this be updated. And i would like to add the same bar but as block to product pages similar to the third …

---

## [Price Displaying Twice](https://community.shopify.com/t/price-displaying-twice/697047)

<div class="topic-metadata">

**Author:** [@CashBear](https://community.shopify.com/u/CashBear)\
**Replies:** 14\
**Last updated:** [October 16, 2026, 5:09am UTC](https://community.shopify.com/t/price-displaying-twice/697047 "2026-10-16T05:09:54Z")

</div>

Hello! I’m about to announce my store publicly, but for some reason all of my products are showing duplicate prices! I suspected that the culprit was the currency converter app I installed, but even after uninstalling i…

---

## [Remove Extra Space Below Footer on FAQ and Contact Pages](https://community.shopify.com/t/remove-extra-space-below-footer-on-faq-and-contact-pages/688264)

<div class="topic-metadata">

**Author:** [@dreamtechzone\_5](https://community.shopify.com/u/dreamtechzone_5)\
**Replies:** 10\
**Last updated:** [October 14, 2026, 11:05am UTC](https://community.shopify.com/t/remove-extra-space-below-footer-on-faq-and-contact-pages/688264 "2026-10-14T11:05:14Z")

</div>

Hello Everyone! I’m using the Shopify Prestige theme. When I open the FAQ and Contact pages, there is extra empty space below the footer in both desktop and mobile views. I would like to remove this extra space. Could …

---

## [Impact theme - custom font for heading to be added](https://community.shopify.com/t/impact-theme-custom-font-for-heading-to-be-added/697108)

<div class="topic-metadata">

**Author:** [@siva\_fds](https://community.shopify.com/u/siva_fds)\
**Replies:** 1\
**Last updated:** [October 13, 2026, 6:10am UTC](https://community.shopify.com/t/impact-theme-custom-font-for-heading-to-be-added/697108 "2026-10-13T06:10:40Z")

</div>

I’m using the Impact theme, and I want to add a custom font for the headers only, so I have downloaded the font file. website: https://thepanacheartistry.com/

---

## [Hiding 1st main product image](https://community.shopify.com/t/hiding-1st-main-product-image/692897)

<div class="topic-metadata">

**Author:** [@JustinasR](https://community.shopify.com/u/JustinasR)\
**Replies:** 11\
**Last updated:** [October 10, 2026, 4:41pm UTC](https://community.shopify.com/t/hiding-1st-main-product-image/692897 "2026-10-10T16:41:59Z")

</div>

Hi guys how do i hide the first main product image in the product photo gallery? Preview: https://dqaub40pukhmxiax-77830390093.shopifypreview.com

---

## [How to align copyright left in Horizon theme](https://community.shopify.com/t/how-to-align-copyright-left-in-horizon-theme/695311)

<div class="topic-metadata">

**Author:** [@PoW8](https://community.shopify.com/u/PoW8)\
**Replies:** 13\
**Last updated:** [October 10, 2026, 3:06pm UTC](https://community.shopify.com/t/how-to-align-copyright-left-in-horizon-theme/695311 "2026-10-10T15:06:25Z")

</div>

I want align the copyright left on mobile

---

## [Atelier Theme: Align product prices on collection page when titles have different lengths](https://community.shopify.com/t/atelier-theme-align-product-prices-on-collection-page-when-titles-have-different-lengths/695314)

<div class="topic-metadata">

**Author:** [@AceDiamond](https://community.shopify.com/u/AceDiamond)\
**Replies:** 6\
**Last updated:** [October 10, 2026, 9:31am UTC](https://community.shopify.com/t/atelier-theme-align-product-prices-on-collection-page-when-titles-have-different-lengths/695314 "2026-10-10T09:31:23Z")

</div>

Hi Shopify community, I’m having an issue on my collection pages where some product titles take 2 lines and others take 3 lines. Because of this, the product prices are not aligned — products with longer titles have the…

---

## [Featured Collection Carousel Adds Extra Spacing When Product Count Is Increased!](https://community.shopify.com/t/featured-collection-carousel-adds-extra-spacing-when-product-count-is-increased/694919)

<div class="topic-metadata">

**Author:** [@saintmessi](https://community.shopify.com/u/saintmessi)\
**Replies:** 2\
**Last updated:** [October 9, 2026, 4:45pm UTC](https://community.shopify.com/t/featured-collection-carousel-adds-extra-spacing-when-product-count-is-increased/694919 "2026-10-09T16:45:17Z")

</div>

I’m using Shopify Horizon 4.2.0. In the Featured Collection section, when the product count is set to 8, the carousel displays correctly with zero top and bottom padding. However, when I increase the product count to 16,…

---

## [Product card background colour appear on top of gradient colour background!](https://community.shopify.com/t/product-card-background-colour-appear-on-top-of-gradient-colour-background/694936)

<div class="topic-metadata">

**Author:** [@Geronim0](https://community.shopify.com/u/Geronim0)\
**Replies:** 8\
**Last updated:** [October 9, 2026, 8:51am UTC](https://community.shopify.com/t/product-card-background-colour-appear-on-top-of-gradient-colour-background/694936 "2026-10-09T08:51:57Z")

</div>

Hello community, I am using a customised background colour in CSS for one of my sections. However, the product card which is displayed as a carousel in the section appears with a separate colour of its own on top of the…

---

## [Mega menu z-index CSS conflict on desktop for Rebel theme](https://community.shopify.com/t/mega-menu-z-index-css-conflict-on-desktop-for-rebel-theme/691101)

<div class="topic-metadata">

**Author:** [@Jacy\_Dreier](https://community.shopify.com/u/Jacy_Dreier)\
**Replies:** 11\
**Last updated:** [October 9, 2026, 7:08am UTC](https://community.shopify.com/t/mega-menu-z-index-css-conflict-on-desktop-for-rebel-theme/691101 "2026-10-09T07:08:45Z")

</div>

The mega menu is running into a z-index CSS conflict on desktop. Because of this, the menu is getting hidden behind page elements on every page besides the homepage. On top of that, the dropdown snaps shut before anyone …

---

## [Sticky cart update](https://community.shopify.com/t/sticky-cart-update/694358)

<div class="topic-metadata">

**Author:** [@JustinasR](https://community.shopify.com/u/JustinasR)\
**Replies:** 6\
**Last updated:** [October 9, 2026, 4:02am UTC](https://community.shopify.com/t/sticky-cart-update/694358 "2026-10-09T04:02:56Z")

</div>

Hi guys im looking to add at money-compare-at (compare at price) next to the main price in sticky cart design. Any guidelines how to do it? Thanks. Link preview: https://zrgmatvv0j9ywmrv-77830390093.shopifypreview.com …

---

## [Supplier stock changes before my shop updates... how do you handle that?](https://community.shopify.com/t/supplier-stock-changes-before-my-shop-updates-how-do-you-handle-that/693123)

<div class="topic-metadata">

**Author:** [@pablohc](https://community.shopify.com/u/pablohc)\
**Replies:** 6\
**Last updated:** [October 7, 2026, 7:54pm UTC](https://community.shopify.com/t/supplier-stock-changes-before-my-shop-updates-how-do-you-handle-that/693123 "2026-10-07T19:54:45Z")

</div>

This is the part of working with a supplier that worries me. Their stock figure might sync to Shopify, but they could sell the last unit somewhere else before the next update. Do you leave a buffer instead of listing ev…

---

## [Add “Find Next” and “Find Previous” Functions to Ctrl+F Search](https://community.shopify.com/t/add-find-next-and-find-previous-functions-to-ctrl-f-search/670002)

<div class="topic-metadata">

**Author:** [@VaultPhrase](https://community.shopify.com/u/VaultPhrase)\
**Replies:** 2\
**Last updated:** [October 6, 2026, 9:40pm UTC](https://community.shopify.com/t/add-find-next-and-find-previous-functions-to-ctrl-f-search/670002 "2026-10-06T21:40:03Z")

</div>

When using Ctrl+F in the code editor, there does not appear to be a clear way to move between multiple matching results. Please add “Find Next” and “Find Previous” functions, along with visible navigation buttons next to…

---

## [Dawn theme - collection page](https://community.shopify.com/t/dawn-theme-collection-page/692794)

<div class="topic-metadata">

**Author:** [@paulverseckas](https://community.shopify.com/u/paulverseckas)\
**Replies:** 4\
**Last updated:** [October 6, 2026, 9:10am UTC](https://community.shopify.com/t/dawn-theme-collection-page/692794 "2026-10-06T09:10:13Z")

</div>

Hello everyone, I am trying to customize my collection page a little. What I want to do is take the price and move it to stay next to the product title, on the right side. Also want to make both product title and price …

---

## [Dawn theme - product page](https://community.shopify.com/t/dawn-theme-product-page/692598)

<div class="topic-metadata">

**Author:** [@paulverseckas](https://community.shopify.com/u/paulverseckas)\
**Replies:** 3\
**Last updated:** [October 5, 2026, 8:07pm UTC](https://community.shopify.com/t/dawn-theme-product-page/692598 "2026-10-05T20:07:17Z")

</div>

Hello guys, I am looking to customize a little my product page. I want to move product price so it would be on the right side, same level as product title, and make product title same font size as price font size

---

## [Dawn theme, product size pills](https://community.shopify.com/t/dawn-theme-product-size-pills/692360)

<div class="topic-metadata">

**Author:** [@paulverseckas](https://community.shopify.com/u/paulverseckas)\
**Replies:** 3\
**Last updated:** [October 5, 2026, 6:58pm UTC](https://community.shopify.com/t/dawn-theme-product-size-pills/692360 "2026-10-05T18:58:06Z")

</div>

Hey guys, I am looking for solution to make my dawn theme a bit more premium looking. I want to make product size pills in square, white border and sizing text inside the square, basically sake as “add to cart button” …

---

## [Price button adjustment](https://community.shopify.com/t/price-button-adjustment/691635)

<div class="topic-metadata">

**Author:** [@Tammy\_29](https://community.shopify.com/u/Tammy_29)\
**Replies:** 4\
**Last updated:** [October 5, 2026, 3:36pm UTC](https://community.shopify.com/t/price-button-adjustment/691635 "2026-10-05T15:36:38Z")

</div>

Hi, I used ai generator to add cards but the price button is hidden behind the image. I do not want to regenerate it as i have to then make all the other adjustments again. Is there a code to add to bring it to the fron…

---

## [Pretty Twinkles](https://community.shopify.com/t/pretty-twinkles/691591)

<div class="topic-metadata">

**Author:** [@Tammy\_29](https://community.shopify.com/u/Tammy_29)\
**Replies:** 11\
**Last updated:** [October 5, 2026, 8:03am UTC](https://community.shopify.com/t/pretty-twinkles/691591 "2026-10-05T08:03:57Z")

</div>

Hi, I am really frustrated and just want to change the colour of the page sections. Any page section added is a different colour to what i want and despite changing the scheme its not matching. Could someone help with a…

---

## [Feature request: Add descriptions to Managed Markets carrier-calculated shipping rates](https://community.shopify.com/t/feature-request-add-descriptions-to-managed-markets-carrier-calculated-shipping-rates/645790)

<div class="topic-metadata">

**Author:** [@Inc1](https://community.shopify.com/u/Inc1)\
**Replies:** 1\
**Last updated:** [October 5, 2026, 7:18am UTC](https://community.shopify.com/t/feature-request-add-descriptions-to-managed-markets-carrier-calculated-shipping-rates/645790 "2026-10-05T07:18:53Z")

</div>

Feature request: Add descriptions to Managed Markets carrier-calculated shipping rates Hi Shopify team, I’m currently using Managed Markets in the UK with carrier-calculated shipping rates through DHL and FedEx. As I …

---

## [Price button adjustment](https://community.shopify.com/t/price-button-adjustment/691634)

<div class="topic-metadata">

**Author:** [@Tammy\_29](https://community.shopify.com/u/Tammy_29)\
**Replies:** 3\
**Last updated:** [October 4, 2026, 10:34am UTC](https://community.shopify.com/t/price-button-adjustment/691634 "2026-10-04T10:34:14Z")

</div>

Hi, I used ai generator to add cards but the price button is hidden behind the image. I do not want to regenerate it as i have to then make all the other adjustments again. Is there a code to add to bring it to the fron…

---

## [Hide shipping text under add to cart on a product page](https://community.shopify.com/t/hide-shipping-text-under-add-to-cart-on-a-product-page/691583)

<div class="topic-metadata">

**Author:** [@jackdubl](https://community.shopify.com/u/jackdubl)\
**Replies:** 2\
**Last updated:** [October 3, 2026, 6:35pm UTC](https://community.shopify.com/t/hide-shipping-text-under-add-to-cart-on-a-product-page/691583 "2026-10-03T18:35:57Z")

</div>

Is it possible to hide the shipping language from just one product page, but not the rest? This is my gift card product, so I was trying to have no shipping text under the add to cart button. I would also settle for chan…

---

## [How can I remove the side borders from the footer in the Atelier theme?](https://community.shopify.com/t/how-can-i-remove-the-side-borders-from-the-footer-in-the-atelier-theme/691147)

<div class="topic-metadata">

**Author:** [@AceDiamond](https://community.shopify.com/u/AceDiamond)\
**Replies:** 2\
**Last updated:** [October 3, 2026, 7:08am UTC](https://community.shopify.com/t/how-can-i-remove-the-side-borders-from-the-footer-in-the-atelier-theme/691147 "2026-10-03T07:08:44Z")

</div>

Hi everyone, I’m using the Atelier theme and I’ve added a 1px border to the footer. I’d like to keep the border at the top, bottom and between the columns, but remove the 1px lines along the left and right outer sides f…

---

## [Sticky add to cart - horizon theme](https://community.shopify.com/t/sticky-add-to-cart-horizon-theme/590833)

<div class="topic-metadata">

**Author:** [@RankConvert](https://community.shopify.com/u/RankConvert)\
**Replies:** 3\
**Last updated:** [October 2, 2026, 1:26pm UTC](https://community.shopify.com/t/sticky-add-to-cart-horizon-theme/590833 "2026-10-02T13:26:18Z")

</div>

hi, how can i custom edit the styling of the sticky add to cart button. horizon theme cheers

---

## [Adding custom discount badges to variant tiles in Dawn Theme](https://community.shopify.com/t/adding-custom-discount-badges-to-variant-tiles-in-dawn-theme/354891)

<div class="topic-metadata">

**Author:** [@guisemen](https://community.shopify.com/u/guisemen)\
**Replies:** 10\
**Last updated:** [October 2, 2026, 4:07am UTC](https://community.shopify.com/t/adding-custom-discount-badges-to-variant-tiles-in-dawn-theme/354891 "2026-10-02T04:07:12Z")

</div>

Hey there! I’d like to add custom “badges” (just boxes) to my variant tiles on the Dawn theme so that I can show customers the % saved by buying a multipack variant. Below is a mockup that I created in Powerpoint of what…

[Next page](https://community.shopify.com/tag/css/2995.md?match_all_tags=true&page=1&tags%5B%5D=css)
