Shopify themes, liquid, logos, and UX
Hi,
id like to change this message to full screen after submission and have the background white with black font.
https://lux360.net/pages/marketplaces?contact_posted=true#contact-us-page
Hi @Luxurymrkt
You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings
#contact-us-page .form-success {
color: #000;
background-color: #fff;
margin-left: -16px;
margin-right: -16px;
}
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
You can add the following css code to do full screen.
.form-success{
color: #000;
background-color: #FFF;
border-color: #000;
padding: 10px;
margin-bottom: 20px;
height: 100%;
position: absolute;
z-index: 1;
width: 100%;
}
Hi @Luxurymrkt
This is Amelia from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save
p.note.form-success {
color: black;
background: white;
}
Hope that my solution works for you.
Best regards,
Amelia | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
➜ Weekly updated Shopify tutorials on YouTube
All features are available from Free plan. Live Chat Support is available 24/7.
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
@media only screen and (max-width: 767px) {
#contact-us-page .note.form-success {
margin-right: -16px;
margin-left: -16px;
background: #ffffff;
color: #000000;
}
}
</style>
Result:
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hello @Luxurymrkt
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
.note.form-success {
color: #000 !important;
background: #fff !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024