Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi, is there any code to add a section that allows me to customize the announcement bar corner radius I want to round the corners.
Solved! Go to the solution
This is an accepted solution.
Hey @Breaward,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.custom-announcement-bar .custom-announcement-bar__message {
border-radius: 10px !important;
margin-left: 10px !important;
margin-right: 10px !important;
margin-top: 10px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Breaward,
Can you share the link to your store and also maybe make a mockup and show me how exactly you want them cornered?
Okay this is the link: https://14fb05-1b.myshopify.com/a/gempages?version=v7&shop_id=502433879739597854&theme_page_id=50243...
this is how I want the corners rounded as well as the spacing.
What's the password to enter the store?
breaward66
This is an accepted solution.
Hey @Breaward,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.custom-announcement-bar .custom-announcement-bar__message {
border-radius: 10px !important;
margin-left: 10px !important;
margin-right: 10px !important;
margin-top: 10px !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Thank you, it worked is there a way to help me with the transparent custom header on top of the image as well as animation. https://www.rhodeskin.com/
hey how are you? im trying to put the code but doesn't seem to work, maybe there is a new code now? let me know please
would be very helpful