Requirements
- WordPress 6.0 or later
- PHP 7.4 – 8.2
- Recommended plugins: Classic Widgets (optional), Contact Form 7 (or similar)
Install & Activate
- Go to Appearance → Themes → Add New → Upload Theme.
- Select the theme ZIP and click Install Now, then Activate.
- Visit Appearance → Customize to begin configuring.
Starter Setup
Create essential pages and assign templates:
- Home (uses the theme’s home sections from Appearance → Customize)
- Blog (assign under Settings → Reading → Posts page)
- Contact (choose Contact Template)
Tip: If you prefer a static homepage, set Settings → Reading → Your homepage displays to “A static page”.
Customizer Overview
General
- Colors (global theme colors)
- Inner Page Settings (header paddings, heading sizes)
- Breadcrumbs toggle
Homepage Sections
- Slider, About, Services, Team, Testimonials, Gallery, Blog, Schedule, Why Choose
- Each section has enable/disable, titles, descriptions, and layout options
Blog
- Blog Page Settings: category exclude, excerpt length, reading time, image height, title size
- Blog Full Width/Left/Right templates use homepage-style blog cards
Pages & Templates
- Blog Full Width / With Left Sidebar / With Right Sidebar: Modern blog cards with badge, date, optional reading time
- Contact Template: Contact layout with booking modal support
- 404 Page: Modern styled not-found page
- Archive: Category/Tag/Author archives use the same blog card design
Shortcodes
Add these shortcodes inside pages (e.g., Services, Team, Gallery, FAQs):
TEAMLIST
Displays team members in modern cards (image, name, role, optional Years Experience).
Example: [TEAMLIST]
TESTIMONIALS
Displays client testimonials (avatar, name, role, rating, excerpt) matching homepage.
Example: [TESTIMONIALS]
SERVICES
Displays services as modern cards with image badge and CTA (opens booking modal).
Example: [SERVICES]
GALLERY
Displays a grid gallery with Fancybox lightbox (same look as homepage gallery).
Example: [GALLERY]
FAQS
Displays spa-styled accordion FAQs (question toggle with plus/minus icon).
Example: [FAQS]
Shortcode Colors (Customizer)
Appearance → Customize → Color Setting For Shortcode Pages
Services
- Card Background: shortcode_service_card_bg
- Service Title: shortcode_service_title
- Service Text: shortcode_service_desc
- Badge Background/Icon: shortcode_service_badge_bg, shortcode_service_badge_icon
- CTA Button (existing): text/border/background/hover under Services inner-page button controls
Team
- Image Border: pages_InnTeamimgClr
- Card BG: pages_InnTeambxbgClr
- Name / Name Border: pages_InnTeamNameClr, pages_InnTeamNamebrdClr
- Designation: pages_InnerTeamDesignationCClr
Testimonials
- Card Background: shortcode_testi_card_bg
- Name / Role: shortcode_testi_name, shortcode_testi_role
- Star / Text: shortcode_testi_star, shortcode_testi_text
Gallery
- Image Border: ruh_gallinnimgbrdClr
- Overlay BG / Icon: ruh_gallinnicnbgClr, ruh_gallinnicnClr
FAQ
- Question Text / Hover / Icon: ruh_faqinnerpagetitleColor, ruh_faqinnerpagetitlehvColor, ruh_faqinnerpagetitleIconColor
- Active Icon: ruh_faqinnactIcnClr
- Question Box BG / Active BG: ruh_faqinnerpagetitleboxbgColor, ruh_faqinnerpagetitleboxbghvColor1
- Answer BG / Text: ruh_faqinnerpagetexbgClr, ruh_faqinnerpagetextcColor
Booking Modal (Popup)
- Buttons with classes .spa-promotion-btn, .spa-booking-trigger, .spa-pricing-plan-btn, and .spa-service-cta open the booking modal.
- Located in footer.php; the form submits via AJAX to WordPress.
- Service button auto-fills selected service name in the notes field; plans auto-fill plan name.
Troubleshooting
- Colors not applying: Hard refresh (Ctrl/Cmd+Shift+R). Ensure you are editing the “Color Setting For Shortcode Pages” group.
- Popup not opening: Ensure jQuery is enabled and the button has one of the modal trigger classes listed above.
- Images look uneven: Use consistent aspect ratios and recommended sizes (Services/Gallery).
Support
If you need help, please provide:
- WordPress and PHP version
- Theme version
- Screenshot/URL of the issue
Contact: themesfavor@gmail.com