Lilac- Responsive One-page HTML5 Wedding Template
Themeforest Lilac- Responsive One-page HTML5 Wedding Template HTML Template
Lilac it’s a beautiful and elegant one-page HTML5 Template, designed and developed for couples who want to create their own wedding website. This template is, without a doubt, a creative way to invite your friends and family to your wedding and to let them know all about the ceremony details.
With Lilac you get unique sections and features such as: Event Time-line, wedding Countdown, wedding location, Gift section, Gallery section for you to share with your guests your own pictures and thoughts during the wedding using Instagram and Twitter, Blog, RSVP form and much more!
Lilac was built in HTML5 and CSS3 and it’s Highly customizable. It has a fully responsive structure built with Bootstrap Framework and it’s retina ready, so it looks stunning on all types of screens and devices (desktop, notebook, tablet and mobile).
NOTE: All the images used in LILAC Template are not included in the main file and were used for preview purpose only.
About Lilac HTML5 Template
Lilac it’s a beautiful and elegant one-page HTML5 Template, designed and developed for couples who want to create their own wedding website. This template is, without a doubt, a creative way to invite your friends and family to your wedding and to let them know all about the ceremony details.
With Lilac you get unique sections and features such as: Event Time-line, wedding Countdown, wedding location, Gift section, Gallery section for you to share with your guests your own pictures and thoughts during the wedding using Instagram and Twitter, Blog, RSVP form and much more!
Lilac was built in HTML5 and CSS3 and it’s Highly customizable. It has a fully responsive structure built with Bootstrap Framework and it’s retina ready, so it looks stunning on all types of screens and devices (desktop, notebook, tablet and mobile).
Template Features
- Clean and well commented code built in HTML5 and CSS3
- Cross Browser Compatible
- Fully Responsive and retina ready
- Fluid grid built with Bootstrap 3
- One-Page Website Structure
- Parallax Effect
- 3 different Heros (Image Background, Video Background & Image Grid Background with Ceremony Countdown)
- About the Bride and Groom section
- Event Time-line section
- Invitation Section
- Wedding Ceremony location section, with google maps integration and custom markers
- Bridemaids and groomsman section
- Wedding Gift Section
- Image and Twitter Gallery, with instagram and twitter integration
- Blog Section
- Blog Detail page
- RSVP form
- Unlimited colors variations
- Google Fonts Support
- Fontawesome Icons
- PSD Files Included (Homepage and Blog Detail Page)
- Detailed help documentation
NOTE: All the images used in LILAC Template are not included in the main file and were used for preview purpose only.
mmm! So cute!
ReplyDeleteThank you!
ReplyDeletehi, i am thinking about purchasing the lilac template, but it isn’t loading on my phone. is it not compatible with iphones?
ReplyDeleteHi,
ReplyDeleteThank you for liking our template.
Yes, it’s compatible with most mobile devices (tablets and phones). Which iphone version are you using?
Best regards,
WiselyThemes
how do you edit the days, hours, min, seconds? Mine says undefined, please help. my site: http://www.erinandzoran.com/
ReplyDeleteHi,
ReplyDeleteThank you very much for purchasing Lilac.
In the file js\variables.js, you changed the value of the variable use_default_map_style to none. This is not a valid JS value (you must use true or false) and it’s causing a JS error. That’s the reason why the following variables are not being defined.
Best regards,
WiselyThemes
Hello, great theme, I was having a bit of trouble getting the bridesmaids and groomsman centered when I change the number to only 3 of each. Also can not seem to get the google map working with only one address.
ReplyDeleteHere is my demo link:
http://hebertgermainwedding2016.ca
Hi,
ReplyDeleteThank you very much for purchasing Lilac.
To center the bridesmaid and groomsmen, you need to change the slider options in the file js/scripts.js. Go to line 633 and remove the resolution options set for 4 items. It should look like this:
if ($(".bridesmaids-groomsmen-slider").length) {
$(".bridesmaids-groomsmen-slider").owlCarousel({
itemsCustom: [
[0, 1],
[590, 2],
[751, 2],
[975, 3]
]
});
}
The map seems to be working. You just need to set the center of the map in the file js/variables.js. Or set it to null to use the coordinates of the first map marker.
Best regards,
WiselyThemes
Awesome thank you, two more quick questions, I have added a Meal field to the rsvp section for the intial person as well as the guests and I have set my to email but the form gives me an error when submitting.
ReplyDeleteAlso is there any way to move the timeline objects up or down the timeline? Currently the objects on the left are always above the objects on the right even if they come after the other in the html.
The fields doesn’t seem to be returning any error. The problem could be related to the SMTP server on your host. Also, the way you implemented the guest’s meal field and the attending/not attending buttons will not pass the information to the email message.
ReplyDeleteYou can change the position of the objects by changing the top margin of the object in the CSS file (look for the classes .timeline .event_right and .timeline .event_left).
Best regards,
WiselyThemes
Anyone know how to get the values for Attending, Guests & Dietary?
ReplyDeleteHi,
ReplyDeleteWe sent you an email.
Best regards,
WiselyThemes
Hi my friend
ReplyDeleteCan i cooperate with you and convert your template to wordpress version
You can add my skype: sonhai.ptit
Thank you
Hi,
ReplyDeleteFor some reason the navigation dropdown is not working for me when being click nor hover.
Even on your example.
Can you help me please?
Thanks a lot!
Hi,
ReplyDeletePlease, send us information about the browser and the operating system that you are using through the item’s support form at https://themeforest.net/item/lilac-responsive-onepage-html5-wedding-template/11877936/support
Best regards,
WiselyThemes
Hi,
ReplyDeleteI solved my issue when I copy your `common.js` file on your live example.
I saw that the difference is you have commented out some codes there:
`/return”ontouchstart”in document?this:/`
Thanks!
Hi,
ReplyDeleteSorry, we assumed that you were already using the latest version of the template. However, we’re glad you managed to solve the issue.
Best regards,
WiselyThemes
I’ve been looking into it, but haven’t worked with either API before. Is there an easy potential change to one or both twitter or Instagram to get posts based on a hashtag vs username?
ReplyDeleteHi,
ReplyDeleteThank you for purchasing Lilac.
You can do that on Twitter but Instagram in not allowing it. For Twitter, you just need to add the property “query” to the tweet object (line 544 of scripts.js). It should look like this:
$("#twitter-box").tweet({
query: '?q=#wedding',
...
});
Best regards,
WiselyThemes
Hi Team, i cannot see any option for Tags Data in Instagram settings of the theme. The only option available in Instagram/Twitter settings is username and api key. Wanted to add tags data to the gallery. Please help. Thanks in advance
ReplyDeleteHi,
ReplyDeleteThank you for purchasing Lilac.
You can only use user data. Instagram is not allowing anymore tags data.
Best regards,
WiselyThemes
according to the instagram api documentation finding tags should work.
ReplyDeletehttps://www.instagram.com/developer/endpoints/tags/
Can you help me implement this please?
also, how do i add twitter images with certain tags?
ReplyDeleteHi,
ReplyDeleteThank you for purchasing Lilac.
Instagram tags is not allowed for single website use. You’ll require the permission public_content on your Instagram Client App, which will be denied by Instagram.
Regarding Twitter, please check our comment above to the question made by cjstolte. Note that we are not using Twitter hashtag search on our template because it’s not reliable and might not return the results you are expecting.
Best regards,
WiselyThemes
Hi guys. This is a beautiful theme.
ReplyDeleteI need to use the Instagram photos api. Please give me another solution. I’m in dire need.
Thanks in advance
I’ve all changed the user_id and access_token in instagram.php and it doesn’t work!!
ReplyDeleteMy website, still in test mode is: http://iberiumweb.com/WEB_NOSCASAMOSENIBIZA2/
Thanks!!
Hi,
ReplyDeleteThank you for purchasing Lilac and for your kind words.
Please, use the item’s support form at https://themeforest.net/item/lilac-responsive-onepage-html5-wedding-template/11877936/support to send us your instagram’s user_id and access_token, so we can test it on our server.
Best regards,
WiselyThemes
Hi, love the theme.
ReplyDeleteGetting an error on the Map (not the standard Google Map but the custom one that uses the theme’s markers and pins):
Oops! Something went wrong.This page didn’t load Google Maps correctly. See the JavaScript console for technical details.
Apparently Google updated their API and plugins/themes not to be updated accordingly. Is this planned for? If not, is there a workaround or something I’m missing?
Hi,
ReplyDeletePlease, use the item’s support form at https://themeforest.net/item/lilac-responsive-onepage-html5-wedding-template/11877936/support to contact the support team.
Note that you must use the account from which you bought the template.
Best regards,
WiselyThemes