gradient colors in ...
 
Notifications
Clear all

gradient colors in Shopify website

2 Posts
2 Users
0 Reactions
3,252 Views
(@ilyeszoltan)
Estimable Member
Joined: 4 years ago
Posts: 80
Topic starter  

Hi,

is there a way to use on Header, footer, and buttons gradient colors?

Thank you


   
Quote
PJAX
 PJAX
(@pjforum)
Eminent Member
Joined: 4 years ago
Posts: 33
 

Hello @ilyeszoltan,

PJ here from Plaktheme Support.

Sure it is possible, but not via theme settings, it would gonna be via Codes.

To proceed with this on Header, Footer and All Buttons, please follow steps below:

  • From your Shopify admin click Online Store -> Themes -> Actions -> Edit Code
  • Open the 2 files theme.scss.liquid and homepage.scss.liquid
  • Then paste this code at the very bottom
//code for header
.site-header__mobile-nav { background-image: linear-gradient(red, yellow); }

.site-header { background-image: linear-gradient(red, yellow); }

//code for footer
.site-footer { background-image: linear-gradient(red, yellow); }

//code for all buttons:

.btn { background-image: linear-gradient(red, yellow); }

Note: Please adjust to the colors you wanted, I have put red and yellow as example there, so adjust it accordingly as per your preference.

Should you have any other concerns, please do not hesitate to let me know!

Best Regards,

PJ

PJ | Plak theme support

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
Share:

Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.

Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple