To give you more flexibility and control over your eCommerce website, we've recently added the ability to customise the Checkout and Account pages by using CSS coding.
Warning
Citrus-Lime are not able to provide support for the creation or application of custom styling fragments. Only use this page if you are comfortable with CSS and aware of the impact of your changes.
Customising your pages
1) In Cloud MT, click on Content Management, then Custom Styling:
You'll see a page like this:
2) Scroll down to the Fragments section and click on the New + button:
3) Some options will appear under Modify Fragment on the right – give this fragment a description then add in your CSS code under Content:
You can use the tickboxes underneath to decide if you want to apply this styling to the Accounts page, the Checkout, or both.
4) Save your changes using the Save button, then tick Add to Preview on the left:
5) Click the Preview button in the bottom left to see how your styling will look on the front end of the website:
For example, if I put in some CSS to change the colour of the page header to purple, the Accounts page might look something like this:
NOTE: You may need to refresh the Preview page once or twice for your changes to pull through, due to web caching.
6) To edit a CSS fragment, click on the pencil icon to the left of it. Or click on the red rubbish bin icon to delete it.
