DeliciousThemes supports this item


This author's response time can be up to 1 business day.

248 comments found.


Forgive me if this has been asked already, but… Is there going to be an update to the Visual Composer? It doesn’t work properly with the new Wordpress update. I’m in no rush—I have downgraded to Wordpress 3.9 and everything works smoothly. I was just wondering when there’ll be an update to the software.

Thanks, :) Zeezee


What version of the theme are you currently running? If is not Patti 1.3.1, make sure to update the theme. Once you do that, you`ll be asked to update the plugins too.


Is this theme available as a multi page version?

Thanks for getting back to me. I’m enquiring about the wordpress theme. Sorry just realised this is for the HTML version.

Ok. No problem :)

Although the theme is advertised as a “One-Page” theme, it can be used for multi-page websites too. In fact, even the demo is multi-page. If you check out the “Extra” menu item dropdown, all of those items are actually extra WordPress pages. It`s up to you whether if you want to use the one-page menu, multi-page menu or a mixed menu for your website.

Thank you!

Lovely. Thank you!

Hello, I´ve just bought this theme. It´s not possible to install it, because the template is missing. I can´t install it. Where is the template?


Thank you for your interest in my item. Because your comment is posted in the HTML template page, I guess that you tried to install the HTML template into WordPress. That`s not possible. You need to get the WordPress version of Patti, which you can then install into WordPress:

Thank you!

I have added two more fields to the contact form. How do I edit the php so they post in the email?


if(!$_POST) exit;

// Email address verification, do not edit. function isEmail($email) { return(preg_match(”/^[_.[:alnum:]]@((([[:alnum:]]|[[:alnum:]][[:alnum:]]*[[:alnum:]])\.)(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)$|((0-9?|0-1[0-9]|2[0-9]|2[0-5])\.){3}(0-9?|0-1[0-9]|2[0-9]|2[0-5]))$/i”,$email)); }

if (!defined(“PHP_EOL”)) define(“PHP_EOL”, ”\r\n”);

$name = $_POST[‘name’]; $email = $_POST[‘email’]; $phone = $_POST[‘phone’]; $title = $_POST[‘title’]; $comments = $_POST[‘comments’]; $verify = $_POST[‘verify’];

if(trim($name) == ’’) { echo ‘ Attention! You must enter your name. ’; exit(); } else if(trim($email) == ’’) { echo ‘ Attention! Please enter a valid email address. ’; exit(); } else if(!isEmail($email)) { echo ‘ Attention! You have enter an invalid e-mail address, try again. ’; exit(); }

if(trim($comments) == ’’) { echo ‘ Please enter your message. ’; exit(); } else if(!isset($verify) || trim($verify) == ’’) { echo ‘ Please enter the verification number. ’; exit(); } else if(trim($verify) != ‘4’) { echo ‘ The verification number you entered is incorrect. ’; exit(); }

if(get_magic_quotes_gpc()) { $comments = stripslashes($comments); }

// Configuration option. // Enter the email address that you want to emails to be sent to. // Example $address = “”;

//$address = “”; $address = “”;

// 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 . ’.’;

// Configuration option. // You can change this if you feel that you need to. // Developers, you may wish to add more fields to the form, in which case you must be sure to add them here.

$e_body = “You have been contacted by $name. The additional message is as follows.” . PHP_EOL . PHP_EOL; $e_content = ”\”$comments\”” . PHP_EOL . PHP_EOL; $e_reply = “You can contact $name $title via email at $email. Or you may call them $phone.”;

$msg = wordwrap( $e_body . $e_content . $e_reply, 70 );

$headers = “From: $email” . PHP_EOL; $headers .= “Reply-To: $email” . PHP_EOL; $headers .= “MIME-Version: 1.0” . PHP_EOL; $headers .= “Content-type: text/plain; charset=utf-8” . PHP_EOL; $headers .= “Content-Transfer-Encoding: quoted-printable” . PHP_EOL;

if(mail($address, $e_subject, $msg, $headers)) {

// Email has sent successfully, echo a success page.
echo "<fieldset>";
echo " ";
echo "

Email Sent Successfully.

"; echo "

Thank you $name, your message has been submitted to us.

"; echo " "; echo "</fieldset>";

} else {

echo 'ERROR!';


Thank you, I got the Slider fixed. For the form, Iset up a test page. Everything sends, but I am not getting for the title and phone as “undefined” in the email.

Message just received.

You have been contacted by madalin. The additional message is as follows.

“undefined | undefined | Testing the contact form”

You can contact madalin undefined via email at Or you may call them undefined.

That`s very likely related to your current “php/contact.php” file. Please contact me via my profile contact form so we can speak more about your issue.

Thank you!

Hi Im a newbie to html & im trying to change to font size of the text in the CTA button. Can you point me in the right direction please? Thanks Tracey


You can manipulate the look of the text with CSS. Add to Appearance->Theme Options->Styling: Custom CSS:

html #wrapper .wpb_call_text {
    font-size: 16px;
    font-weight: bold;

Regarding the navigation buttons, aren`t they at the bottom of the page already?

Thank you!

Yes, sorry, I meant can the nav button at the bottom of the page be moved up?

Sure, you can move them up, but you need to alter a theme file. Please use the child theme if you want to modify any theme files, so things can work smoothly when a theme update will be available. Please read more about the child themes:

Open “wp-content/themes/patti/single-portfolio.php”. The code which generates the nav is:

<div class="portfolio-nav"> 

Move it above <div class="centered-wrapper">.

Thank you!

Hi! I just bought your template, I’m customizing it but I have a little problem… I put all the twitter data (key, token, etc.) but it stills shows your tweets (like: “Patti V1.3 is live with new asome…”) I’m not a developer but I know basics, so I’d like to know if there’s any variable that I’ve missed out.

Sorry for my english jejjeje =$ thank you!!!

Hi again =D! Now, my last problem, I’m not familiar with js, so I want to configure the ‘submit’ button on the contact form, but I can’t find any “send-to-this-mail” thing, wich variable do i need to configure??

Thank you so much for your patience =)

I was looking at the wrong file, I needed the php instead of js jejejje thanks =D!

So, I guess you found the answer by yourself. In this case, cheers! :)

Hi there, purchased Patti – great work, all’s fine except “theme options”: I can call the page, seeing all menu items like “General”, “Styling” .... but links show “javascript:void(0)”.

Googled a lot but didn’t find a solution yet. Any ideas?


You`re currently experience a server issue, generated by some extra security measures. To fix it, use this hack:

Add to wp-config.php file from the root of wordpress platform, in your server files:

define('FS_METHOD', 'direct');

Add it after the define ('WPLANG', ""); line.

That should do it.

Let me know how it goes!

Thank you!

Yep, thank you a lot – it works! You made my day.

Theme is great! This is my first theme/wordpress/website ever so please bare with me :-)

How do I add new ID tag to my page elements so I can jump to it from the menu?

How to edit/remove the text on the revolution slider?


Thank you for using my theme for your project.

To learn how the ID tags and menu items work, check out this video guide:

As for the revolutionslider, go to the RevolutionSlider section, click on Edit Slides button, located on the slider item and edit a slide. Clicking on the layers in the right panel will reveal the text on the left side:

Thank you!

Thank you very much, that solved my both problems!

I`m glad to hear that! :)

hi i love your theme and i have a pre purchase question: (this happen only in FF30.0 – safari and chrome is fine) why if i am in and i click CONTACT this get me to Journal section instead of contact section (the address bar shows ? is that fixable ?


Thank you for your interest in my item. I would like to ask you what version of Patti are you speaking about? Although the comment is posted for the HTML template, you’re speaking about a theme.

Thank you!

Yes html template … Live preview > remove frame > ... The problem is in FF last browser version .. I saw in one of the older comment from renesbitt 1 month ago highlighting a similar bug .. Your answer was something about the timing between content loaded on the page and the navigation trigger for menu item positioning… Well ! You can see yourself on firefox… going from any portfolio item on portfolio-item-3.html to contact … It get stucked in journal section instead … I am not going to have journal section in my project .. But i am just worry that links are not working properly from portfolio back to a parallax section .. Also firefox os a widely used browser … Any thoughts ?,

Ok. This is an issue which can be fixed. Indeed, it’s all about the timing, related to the blog posts from the journal section. The masonry layout is generated after the page loads making the Firefox browser to loose the order of the sections which are located under Journal.

Thank you!

Hello, loving the theme but I have a little problem. The responsiveness seems to have been lost. Columns of text are still trying to display next to each other on a mobile rather than underneath. Here is my site. It used to work fine, ive only made a few changes to the style.css file, which were: line 1668: center to left line 1695: 50px to 70px line 1714: -25px to 15 line 2985: 323232 to dd9933

Is there any reason this has happened? Responsive is still enabled. Thanks Tracey


Please go to Settings->Visual Composer and make sure that this option is not selected: This might be the reason why you`re having this issue.

Thank you!

It was ticked. Thats odd as I didnt tick it. Thanks for your help.

It happens sometimes. I`m glad I could help you! :)

Hi, I have a question about the rev slider. I did go to Themepunch first but they’ve have asked me to contact you instead. Basically I would like the box around the text to stay the width of the text within it (like slide 2) rather than extend to the width of the text below it (like it currently does on slide 1). Any help with this would be great. Thanks Tracey


Yes, you can achieve that with a bit of CSS. Add to Appearance->Theme Options->Styling: Custom CSS: h1 {
    display: inline-block !important;
} {
    text-align: center;

Let me know how it goes!

Thank you!

Brilliant! Thank you!!

How do i put an external link on the main navigation? External links don’t seems to work, I believe it’s due to the SmoothScroll implementation? I have a login button on the main nav that needs to open up a different url.


You need to add the “external” class to the menu item, in order to make it open an URL. Here`s an example:

<li><a class="external" href="">External Link</a></li>

Thank you!

simple and professional ever! good job;

The prettyPhoto slideshow is changing photos about every 3 seconds. I’ve changed “slideshow:5000” to 7000 in the jquery.prettyPhoto.js file but it doesn’t change the slideshow speed. Am I missing something? I’d like to make it about 5 seconds.

Also, I’d like to disable prettyPhoto on smart phones due to the small screen size. Could you tell me how to do this?

Thanks and love Patti!!


You need to make the change straight into ‘wp-content/themes/patti/js/custom/custom.js’ file. Look for the PrettyPhoto function.

As for making it more user friendly for mobile screens, you should check out this thread:

Thank you!

Underneath each Section Title there is a short horizontal line. What CSS changes do I need to make so the line is responsive to the width of the Section Title text? Specifically, I would like the line to be 80% the width of the Section Title width.


Ok. So, firstly, you`ll need to wrap the title with a new div. For example:

<div class="title-wrapper"> .... </div>

Then style it like so:

.title-wrapper {
    text-align: center;

This is for keeping the content of the div centered.

Then use this CSS to modify the line from 120px to 80%:

.section-title {
    display: inline-block;
html h1:after {
    width: 80% !important;

Thank you!


Unfortunately, I can`t help you without seeing your website. If you don`t want to share it here, please contact me via my profile contact form.

Thank you!

I had to post a new comment since my text would not display in the reply above for some unknown reason.

What happens to the styling css for the h1 tags and the section tagline. Not sure how to incorporate your new code while keeping the styling of the old css.

You need to use the HTML code in the .html file and the CSS code in style.css.

Thank you!

Geez, I give up trying to communicate with you.

Please send me a link to your website so I can take a look at.


If you imported the demo content, the contact forms can be found in the Contact section:

If you don`t imported the demo content, you can import the demo contact form exclusively. Go to Tools->Import->WordPress and import the “patti-contact-forms.xml” from the “Demo Content/Individual Import Files” folder.

Thank you!

I Love Patti – I want to purchase the html version but need to know if I can include the client’s logo over the main opening fullscreen image and also add a button to an external booking site?

Thanks for your help :)


Thank you for your interest in my theme. Regarding your questions, you can implement the client`s logo over the fullscreen image and also, you can add buttons to external websites.

If you have other questions, don`t hesitate to contact me!

Thank you!

Love the theme. How do we add video backgrounds to sections? Thanks!


Can you please tell me if you`re speaking about the WordPress theme or the HTML template? In the message you`re mentioning the theme, but the comment is posted on the template`s page.

Thank you!

Sorry for the confusion. Yes the WordPress theme. Thank you.

You can add YouTube videos to section backgrounds by clicking on the section`s row pen icon and adding the YouTube video URL in the field:

Make sure to set an ID for the section too. Otherwise, the video background will not work.

Thank you!

Hello There seems to be an issue in Safari when I am viewing a portfolio item & want to go back to the ‘work’ section of the homepage. It goes back to top of the page instead. Is this just a browser issue or is there a workaround/fix please? Thanks Tracey


Do you have this issue on other browsers too? If yes, we`re dealing with a theme issue. Otherwise, this is a browser issue.

I noticed you`re having a 404 error page instead of a portfolio page. This is a common issue, with an easy fix. Go to Settings->Permalinks and click on Default. Save. Then click again on your custom structure and save again.

Thank you!