Skip to main content
Theme Customization With CSS
18 articles
Customize Training Info Style with CSSEnhance your membership site with our easy-to-apply CSS video button styles and customizable training elements for a polished look.
Intro to Customizing Your CSS
Help with CSSSomething not working with your CSS code? We've got options to help you out!
Customize Hyperlink Styles with CSSLearn how to easily customize hyperlink styles in your course with our custom CSS functionality for a personalized touch.
Customize Logo Size with CSSAdjust the size of your logo on the top banner with custom CSS for a perfect fit on your course site.
Customize Navigation Style with CSSLearn how to customize the style and layout of your course navigation, including fonts, icons, and sidebar options using custom CSS.
Customize Countdown Timer Style with CSSDiscover how to customize countdown timer styles on your membership site with CSS, including changing background and font colors.
Customize Training Video Play Button Style with CSSCustomize video play button styles on your site with CSS, including resizing, colors, and shadows.
Customize Points Badge Style with CSSCustomize the style of completed and uncompleted points badges on your site using CSS, including colors for text and stars
Customize Your Site's Font Style with CSSThis article will show you how to include fonts from Google Fonts. We aren't able to support you to set up other font licensing systems.
Customize the Action Checkbox with CSSLearn how to customize the border color and checked state of action checkboxes in your course using CSS.
Customize the Bottom XP/XXP Bar Style with CSSLearn how to customize or completely hide the XP points bar in your membership site, including how to change 'XP' to something else using CSS.
Customize the Training Resource Buttons with CSSCustomize your resource button's color, icon, size, and font by adding CSS to your course's settings.
Hide Order Form Credit Card Fields Using CSSIf you don't want to show the credit card field on your Order Form, you have an option to hide this using CSS
Customize the Comment Widget Buttons with CSSChange the color of all buttons in the comment widget by adding CSS to your course's settings.
Right-align all text with CSS (for RtL languages)Adjust text direction for right-to-left languages in your course by adding custom CSS to the Course Settings.
Customize CSS using Element IDGain complete control over every element in your Xperiencify course using unique element IDs with custom CSS—consider hiring a developer for advanced customization.
Rename XPs and XXPsChange 'XP' and 'XXP' point names in your course easily—watch the video and follow the steps in the Language section of your admin account.