Sympathique - Responsive HTML Template
Themeforest Sympathique - Responsive HTML Template HTML Template
Sympathique is a modern and clean HTML template for creative people. Its versatility makes it the perfect template for web agencies, freelancers, businesses or blogs and its functionality aims to offer a great user experience.
The template is fully customizable, being packed with more than 25 HTML pages. Sympathique is easy to configure and comes with a well documented help file, which will assist you setting up the template in minutes.
Features
- Valid HTML5 / CSS3
- Premium Homepage Slider(Revolution Slider – $12) included in the template.
- 6 Color Schemes: Red, Yellow, Orange, Blue, Green and Purple. Create your custom color scheme with only a few clicks!
- 5 Homepage Variations: One-Page-Homepage, Corporate, Creative, Business and Multipurpose
- 4 Filterable Portfolio Styles: Grid, Two Columns, Three Columns and Four Columns
- 3 Blog Page Styles: Masonry on 2 Columns, Masonry on 3 Columns and Regular
- 2 Homepage Sliders(Regular and FullWidth)
- Responsive Design: Sympathique fits well on any device and screen. Because is build on a 1200px grid with responsive functionality implemented, the template looks great on big desktop screens, being resizable to up to 240px mobile devices.
- Retina Ready Services and Blog Icons based on very popular FontAwesome icon font.
- Ajax Contact Form
- Twitter and Flickr Widgets
- jQuery Enhanced
- Layered PSD Files
- Extensive Documentation
- Cross-browser Compatible
Live Preview Photo Credits
Special thanks to:
for their amazing work.
Images used in live preview aren`t included in the template.
Hi,
ReplyDeleteI have a little problem with the “contact” page. when I use the form to send a message here is the error message that appears
[object XMLDocument]
I certainly made ??a mistake with the contact form?? can you help me please.
first i did it with contact form php
// Configuration option.
// Enter the email address that you want to emails to be sent to.
// Example $address = “info@test.com”;
//$address = “info@test.com”;
$address = “info@test.com”;
// Configuration option.
// i.e. The standard subject will appear as, “You’ve been contacted by John Doe.”
// Example, $e_subject = ’$name . ’ has contacted you via Your Website.’;
$e_subject = ‘You\’ve been contacted by ’ . $name . ’.’;
maybe i forgot something??
and second i woudl like to know if i need to change something in contact.html
CONTACT US:
<form method=”post” action=”php/contact.php” name=”cform” id=”cform”>
<fieldset class=”percent-one-third”>
<label>Name </label>
<input id=”name” type=”text” name=”name”/>
</fieldset>
<fieldset class=”percent-one-third”>
<label>Email </label>
<input type=”text” name=”email” id=”email”/>
</fieldset>
<fieldset class=”percent-one-third column-last”>
<label>Subject </label>
<input type=”text” name=”subject” id=”subject” />
</fieldset>
<fieldset class=”clear”>
<label>Your Message </label>
<textarea name=”comments” id=”comments”></textarea>
</fieldset>
<fieldset>
<input type=”submit” name=”send” value=”Send Message” id=”submit” class=”button red”/>
</fieldset>
</form>
sorry I started in the personalization template ….
thank you for your reply
hi, forgot this message, i find way finally… see you
ReplyDeleteHi,
ReplyDeleteI`m glad that you solved the issue. Working directly into code might be time consuming and situations like this one can end your day, but I`m happy that you`ve found the fix for it!
Best regards!
Hi,
ReplyDeletethanks a lot for that amazing theme!
1 Question: Is it possible to link clients to there own Website with the module “clients” and if yes, how can I do that?
Thanks a lot for your awnser
edit: wrong template – the comment is for the WP Version ;P
Can the size of the images on the portfolio grid you have on Homepage Version 2 be sized differently?
ReplyDeleteHi,
ReplyDeleteThere are 3 image sizes that you can use on that grid:
1. 550×450px
2. 265×450px
3. 550×215px
Making use of other image sizes will eventually break the layout.
Thank you!
Thanks! I know my way around css a bit, so altering the sizes in the source to be revised would be ok you think?
ReplyDeleteYeah, sure. Play with the images and let me know if you need a hand!
ReplyDeleteBest regards!
Hi,
ReplyDeleteThank you for the theme, only one thing, I want the mobile version of the website completely disabled. So that the user sees the same version on the PC and on iphones/Ipads etc…
I have tried removing the below line of code, however it doesn’t seems to get the job done for some reason. I want the mobile version to look exactly like the PC one.
<!- mobile meta tag ->
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1”>
I don’t like the navigation drop down I see on mobiles and also any text on the slider doesn’t seems to appear on iphones.
Thanks in Advance
Hi,
ReplyDeleteYou have to remove that line + 1 more line:
<!-- setting mobile environment -->
<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
Thanks!
hi
ReplyDeletedo you have a landing page here like the one you have on the wordpress version?
Hi,
ReplyDeleteCould you please send me a link to the landing page that I have on the wp version? Are you talking about “Build your own” page?
Hi
ReplyDeleteWonder if you can help. I am trying to get add a link to slider images but if I simply wrap a href tag around the image it stops being responsive and will not resize for smaller screens.
Is there anyway to add a link on the slider images? I know I can add them in a caption but these do not show on smaller screens so that’s no good.
Thanks
Hi,
ReplyDeleteSure, you can add links to images. If you check out my demo, the third slide represents a image with link.
The list item HTML tag looks like this:
<li data-transition="papercut" data-slotamount="15" data-masterspeed="300" data-link="portfolio-single.html">
....
</li>
So, you have to use the “data-link” attribute for links.
Thank you!
Thanks for that. Works great
ReplyDeleteFor some reason the twitter implementation doesn’t work for me. I have added the username to the custom.js as instructed but all I get is ‘loading tweets’. Please can you help me. Thanks
ReplyDeleteHi,
ReplyDeletePlease contact me via my profile contact form so we can speak more about your issue.
Thank you!
Yep, never got the Tweet Issue working for me either – have managed it with other sites via php and getting the new access tokens etc.
ReplyDeleteBut this one is proving difficult – why the template cannot be updated with a working Twitter feed that we can then go in and amend the php user information…
Disappointing…
Hi,
ReplyDeletePlease contact me via my profile contact form so we can speak more about the twitter feed.
Thank you!
Hi – on my website here: http://www.littlefoxwebdesign.co.uk, on the Home Page I’ve got a video – ‘29 Ways to Stay Creative’, but when I view it on my phone the video is not responsive/doesn’t resize to fit my phone – could you tell me how I can fix this?
ReplyDeleteThank you!
Hi,
ReplyDeleteThank you for your comment. I took a look at your website and couldn` t identify the Sympathique template on it. Instead, I see Porto template. Do let me know if you still want to use my template, so I can come up with a fix for your issue.
Thank you!
Apologies – I use your Theme for a different website! Thanks for checking.
ReplyDeleteNo problem.
ReplyDeleteHow do I open a certain tab on page load?
ReplyDeleteHi,
ReplyDeleteThe tabs are changing when someone clicks on them and not based on URL. Unfortunately, you can`t do that.
Thank you!
I bought your template.
ReplyDeleteis awesome.
One quick question how do you change the size of the main slidder in index-2 (the size it comes with is 1920×450)
I need bigger. around 1920×1200.
please reply thank you.
Hi,
ReplyDeleteThanks for using my template for your project. I appreciate it. Regarding your request, to increase the size of the slider, open js/custom.js and locate:
apifullwidth = jQuery('.fullwidthbanner').revolution(
{
delay:9000,
startheight:500,
Change 500 to 1200.
You might want to change the value from the other block of code too:
apifullscreen = jQuery('.fullscreenbanner').revolution(
{
delay:9000,
startheight:450,
Thank you!
im trying to get the slider ( on index-2) to be 800×500. centered in width all the time in my page when i zoom in and out. i dont want the picture to be spread all the way in width (instead of 100% in width have 800px x 500px centered).
ReplyDeletethank you please help me.
basically the slider to adjust itself if possible.
ReplyDeleteHi,
ReplyDeleteIn that case, define the startheight and startwidth values as 500px and 800px. Plus, set the “fullWidth” parameter to off.
Let me know how it goes!
Thanks!
thanks it worked!
ReplyDeleteOne more thing, I just cant get the slider centered on the screen and stay centered on the screen on the 800×500 resolution.
please reply thank you.
Can you please share with me a link to your website so I can take a look at the slider? This way I can come up with a fix for the misalignment.
ReplyDeleteThank you!
Hey There, love the template, working well…. just a quick one. any easy way to include video in the porftflio sections instead of a image?
ReplyDeleteHi,
ReplyDeleteThanks for using my template for your project. I appreciate it.
Because of the way that the portfolio grid is built, you have to stick to the images. As a workaround, you can make the thumbnails to open a video in a lightbox on click:
<a href="http://vimeo.com/7449107" rel="prettyPhoto">
<span class="item-on-hover"><span class="hover-video"></span></span>
<img src="images/portfolio/image3-small.jpg" alt=" " />
</a>
Thank you!
DT
ReplyDeleteJust about done and I have 2 small issues:
Contact page, the name, email & subject boxes won’t let me enter anything, yet the message section will.
My FAQ page uses the toggle function and only the bottom question toggles to the answer.
Thanks for your help. Let me know and I will provide a link
Rick Dery
Hi,
ReplyDeletePlease provide me a link to the pages so I can take a look.
Thanks!
DT, the link:
ReplyDeletehttp://www.rickderydesign.com/newmichiganamericana/index.html
Hi,
ReplyDeleteThe problem stays in this CSS code:
.title-bg-shadow {
width:100%;
padding:0px 45px 0;
height:360px;
margin-left:-45px;
background:url("http://64.19.142.10/www.rickderydesign.com/newmichiganamericana/images/bg/subpage_content_bg_dark3.png") no-repeat scroll 0px 0px transparent;
z-index:-100;
}
The height of the shadow is too big and it overflows the content. You can fix it by lowering the z-index value for ”.page-title” from 1 to 0. (look for .page-title in the style.css file).
Thank you!
DT, Thank you for your quick response. Unfortunately the same original issues are still there. The contact & faq pages are what I need a hand with. Thanks. Rick
ReplyDeleteWell, I was able to access the content without any problems now: http://awesomescreenshot.com/09f4m3fq58 and http://awesomescreenshot.com/0914m3fu80
ReplyDeleteIs this a general issue or related only to a certain browser? What browser did you use for testing?
Thank you!
I usually use FF (ver36.0.1) so that’s what I tested in. Still not working. I tried with IE 11 and chrome40.something and all is well. Any suggestions?
ReplyDeleteI tested the pages on Chrome, Firefox and IE and the page look fine. Please try to remove your browser`s cache or try to test the page on another machine.
ReplyDeleteThank you!
DT, Many thanks for fixing the issues.Rick
ReplyDeleteHello there,
ReplyDeleteWhen I duplicate a page for example about-us.html then change the name to about-me.html = then the responsive function is not working at all! I don’t what happen? Can you please help me?
Thank you!
Hi there I just check, it does not work on Internet Explorer…Firefox is working…what happened? Please help!
ReplyDeleteHi,
ReplyDeleteInternet explorer doesn`t render a responsive layout because is too old to do that. Responsive layouts are created for mobile devices and you won`t see InternetExplorer as a browser on a mobile device, except for devices which run on Windows Phone. The difference is that your browser is probably very old, while the mobile IE is designed to deal with responsive layouts. Do let me know if you have issues on a mobile device running Windows Phone.
Thank you!
Thanks for that, but my IE is 11 version, the most up-to-date one. Also, you know many company are still using quite dated computer and browser. Anyway, I will carry on. Thank you very much for your support!
ReplyDeleteI`m aware of that, yes. Companies are still using operating systems like Windows XP, Vista or 7, which come with old versions of IE. Hopefully, with the free update of Windows 10, which is scheduled for the next month, many companies will switch to better, stable systems and I hope only for the best.
ReplyDeleteRegards!
hi, thanx for the great theme, was just wondering how to make the bottom carousel on the home page 1 show 4 two lines (4 blocks 2×2 ) instead of just two blocks in one line ??
ReplyDeleteHi,
ReplyDeleteThanks for using my template for your project.
Regarding your request, that`s a bit more complicated and requires some custom work on the template. Unfortunately there isn`t an easy way of achieving what you`re looking for.
Thank you!
Demo/Live Preview not working. Please check. Thank you.
ReplyDeleteHey, thanks for letting me know! I fixed it and you can check out the demo now.
ReplyDeleteThanks!
Hi,
ReplyDeleteI’m going to buy this theme but first I need to know if it is based on classes or simple html code.
Is it possible to see an example page?
Thank you!
Hi,
ReplyDeleteThanks for your interest in my item. I appreciate it!
You`ve posted the comment for the Sympathique HTML Template so I guess you`re speaking about the HTML template and not the WordPress theme.
By definition, an HTML template means html code built with classes and styled by CSS.
You could check out the demo of the template at https://deliciousthemes.com/demo/sympathique/
Thank you!
Thank you for your answer. Is it simple to edit?
ReplyDeleteI believe that the WordPress version is easier to work with, since you don`t have to edit any line of code. It`s all drag and drop, because of the Visual Composer page builder for WordPress.
ReplyDeleteThanks!