Cookie banner issue

Topic summary

Issue: The store owner wants to adjust the Shopify cookie consent banner—specifically swap the button order and make the “Accept” button bold.

Access shared: The store URL and password were provided so others could review the implementation.

Solution provided: Using Theme > Customize > Theme settings > Custom CSS, add a rule targeting the accept button to make it bold: #shopify-pc__banner__btn-accept { font-weight: bold; }. Screenshots and a demo video link were shared for guidance.

Follow-up styling: The owner requested a specific look for the “Accept” button. The CSS was extended to include background: black; and color: white; on the same selector, which addresses the requested appearance.

Outcome: The “Accept” button is now bold and styled as requested. The user confirmed the bold change worked; the color/style update was provided.

Open item: Swapping the positions of the buttons has not been addressed or resolved in the thread. The discussion remains partially open on that point.

Summarized with AI on December 25. AI used: gpt-5.

Hello,

Hope everyone is doing well. I need help with the placement of the buttons that Shopify suggests.
I want to swap the button and make the “Accept” button bold. Is there a way to swap it and bold it?

If only one of the things can happen, I will be more than happy.

Thanks in advance!

Hey @ChoobShop

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Hey,

Thanks for the quick response!

https://www.choobshopbg.com/
pass: 112233

Cheers!

Hi @ChoobShop ,

Hope you are doing well.

To set the font of “Accept” button bold, you can use the custom css feature of Shopify.

Here are the steps to follow -

  1. Go to Shopify admin > Online Store > Themes
  2. Click on cusomtize button for curent theme
  3. From left menu, click on the theme settings button.
  4. In the left section, scroll to Custom CSS and add following CSS code -
#shopify-pc__banner__btn-accept {
 font-weight: bold;
}
  1. Click on save button.

Here are the screenshot for reference -

Also, here is a demo video to add Custom CSS in Shopify theme -

Thanks & Regards,

Vivek

Hey there,

Thank you so much. I did it, and it went bold. So far, so good.

If we get a solution on how to swap the buttons - it would be more than great. I hope to find a way to make ti happen.

Cheers!

Hey @Vivek_goyal ,

Is there a chance to make it like that - the “Accept” button?

Thanks in advance!

Hey @ChoobShop

Yes, we can do it. The existing custom CSS code will be updated to -

#shopify-pc__banner__btn-accept {
  font-weight: bold;
  background: black;
  color: white;
}

Here is screenshot for reference -

Thanks & Regards,

Vivek

1 Like