Skip to main content

Customization and Styling

Can I customize the appearance of wishlist buttons?​

Yes, XB Wishlist offers extensive customization options for wishlist buttons. You can customize:

  • Button colors and styling
  • Button text and labels
  • Button size and positioning
  • Hover effects and animations
  • Icon styles and placement

How do I add custom CSS to style the wishlist?​

You can add custom CSS through the app's customization panel or by adding CSS directly to your theme. The app provides CSS classes and IDs that you can target for styling. Common elements include:

  • xb-wishlist-button-collection - Main wishlist button
  • xb-wishlist-page - Wishlist page container

Can I customize the wishlist page layout?​

Yes, you can customize the wishlist page layout through the app settings. Options include:

  • Grid or list view for wishlist items
  • Text formatting and spacing
  • Color schemes and themes
  • Mobile responsiveness settings

Can I change the wishlist button text and labels?​

Absolutely! You can customize all text elements including:

  • "Add to Wishlist" button text
  • "Remove from Wishlist" button text
  • Wishlist page titles and headings
  • Empty wishlist messages
  • Success/error notifications

How do I make the wishlist mobile-responsive?​

XB Wishlist is designed to be mobile-responsive out of the box. However, you can further customize the mobile experience by:

  • Adjusting button sizes for touch devices
  • Optimizing the wishlist page layout for mobile screens
  • Customizing the mobile menu integration
  • Testing across different device sizes