1. Home
  2. Sweetdate
  3. Customising Theme

Chapter: Customising Theme

How to Change the Look and Feel.

How to add Members Stats Section using Elementor

In this article we will be reproducing the Member Stats section from SweetDate homepage that looks like this: To do this simply follow the steps highlighted below: Step 1: Access the dashboard from your main domain and then browse to Pages >> Add new Page. Step 2: Give a title to your page for instance in this case : “Add […]

Overriding a file with the child theme

You can override the parent theme files by copying them to the child theme and making any changes as needed. To do this you will need to connect to your host via SFTP/FTP or via your hosts file browser. Note: If you do not know your details to connect via SFTP/FTP then please contact your host for assistance. Download your […]

Introduction to the child theme

Child themes allow you to make small or large changes to the parent theme’s design or structure in an update safe way. Any changes made in the Sweetdate child theme override original files. To get started with using a child theme you’ll first need to have the Sweetdate theme installed, then install and activate the child theme that comes bundled […]

Pages and Menu

Menu Set the menu via WP Admin → Appearance → Menus → Theme Locations → set to Sweetdate To change Menu colors go to theme options: WP ADmin -> Sweetdate -> Styling options -> Header section Home page Set the home page via WP Admin → Settings → Reading → A static page → Front Page → set to Home. […]

Contact Page

We have created a Contact page at Elementor: You can edit each section by clicking at the pen icon. For the contact form, copy and paste your Contact Form 7 ( or any other form plugin ) shortcode at the second column.

How to Change the Search and Register Form Colors

Please check each code and choose the ones you want to use, then add the codes to style.css of child theme General code: .form-header { border-left: 10px solid rgba(31, 168, 209, 0.3); border-right: 10px solid rgba(31, 168, 209, 0.3); border-top: 10px solid rgba(31, 168, 209, 0.3); } .form-search, .form-header { background: none repeat scroll 0 0 #0296C0; } .form-search { […]