[motti_b]

Great Serkan, that would be great, thanks. Cheers

[motti_b]

Glad to hear! Cheers

[motti_b]

Hi Nickpse,
I am not really sure to what you are referring. The social icons at the bottom re by default in the center (if I remember correctly). The social icons at the top were centered with a simple css:


.social-center {
text-align:center;
}


I just added the tag ‘social-center’ to the like that:

I am not sure if that helps.

As for the class for the shortcode (to make two columns), they already exist in the main.css.

Start by putting the code:

Right after this code put . Follow by all the stuff you want to the left side and close with .

Then, again, use the code, follow by all the stuff ou want on the right side and close with again.

Close everything with a to close the ‘raw’ div and that’s it.

I hope it helps

To make the code cleaner you should put the code .

[motti_b]

Hi Serkan,

Thank you. I know gravity plugin but it is for WordPress. I am using the HTML theme of Photographer and I don’t think tey have a stand alone version for HTML sites.

Of course I could always create it in WordPress and send a link to my clients to fill it up in WordPress. That’s also an option.

Thank you,
Motti

[motti_b]

By the way, anyone here knows how to create a PDF file out of a completed form.

In other words, if I ask a client to complete a form I want to be able to email him the completed form as a PDF file (as an email attachment).

The reason being that an email is simple text and although contain all relevant information, it is not visually appealing.

A PDF can be formatted and designed to our liking.

Cheers,
Motti

[motti_b]

Never mind, I figured it out. I changed the form id from “contact-form” to “pre-wedding-form”. It seems to be connected ro some coding somewhere that triggers the ‘submit’ button.

Not critical, I can leave the “contact-from id but…

Thank you

[motti_b]

Glad I could help!

Just a small note: at the line
$conf_sender = ‘company name ‘;

add you email like that:
$conf_sender = ‘company name ‘;

That’s it.

I hope this code or something like it will be part of the send-mail.php file. It is very important that people receive a confirmation when sending an inquiry.

Cheers guys.

[motti_b]

Glad I could help!

[motti_b]

Hi MariosArts,
it’s very easy. go to this link and look at the source code.

If you do not know how to copy from a source code let me know but it should be very easy to just copy the code.

I basically used the theme’s columns shorcode:

It is a shortcode for two columns side by side.

Hopw that helps.

[motti_b]

Hi Ahmetsali,

Allow me to a bug you with another question.

In order to speed up page load I decided to consolidate all the CSS and JS files to one or two files.

As for CSS, I think it is quite simple, I will just copy all the CSS files to one file. I will keep the order they are read by the browser and I will also make sure to document each part of the new CSS file so I know which original CSS file it came from.

Would it be possible to do the same with the JS files? Can I just copy all the JS files content into one (or two) files? Again, I will keep the order as they are read by the browser now.

I assume that as many of those JS files were written by others, you cannot consolidate them yourselves but I can do it (keeping all credits intact of course).

Than you,
Motti

[motti_b]

Hi,

I fixed it by keeping a relative link to the fontello.css file.

Here is a link to my (pre-launch) site:

Photosbymotti

[motti_b]

OK :-)

[motti_b]

I think I know what the issue is and I hope there is a better solution. My images are linked through a subfolder like (relative links):

When I change it to absolute link like:
<img src="www.photosbymotti.com/images/sub-folder/image-name.jpg

Pinterest recognizes it and I can Pin it.

I wish there is a way to have Pinterest recognize relative linking.

[motti_b]

Hi Serkan,

Here is link to my site:

<link

Thank you.

[motti_b]

Great! That would be really good.

[motti_b]

OK, Here is goes again (and why we need to encode?? Would be so much easier just adding the tag..Just saying)

I installed TwentyTwenty on my site.

1. First download the folders.
2. Put the folders in the root level of the site (the same level as CSS, Images etc.)
3. I use the template layout.dwt to make all the changes so I put this code at the top of the layout.dwt:

<link href="twenty/css/foundation.css" rel="stylesheet" type="text/css" />
<link href="twenty/css/twentytwenty.css" rel="stylesheet" type="text/css" />

NOTE: I put it right after the line so it is the first two CSS files on the page.

Now...
At the bottom bottom of the layout.dwt (after the line:
<script src="../js/main.js"></script>

you put thid code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="twenty/js/jquery.event.move.js"></script>
<script src="twenty/js/jquery.twentytwenty.js"></script>
<script>
$(window).load(function(){
$(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.7});
$(".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct: 0.3, orientation: 'vertical'});
});
</script>

Now you put the code below on any page you want the “Before and After” presentation box:

<div class="twentytwenty-container">
<img class="twentytwenty-before" src="your-image.jpg" width="xxxx" height="xxxx" >
<img class="twentytwenty-after" src="your-images.jpg" width="xxxx" height="xxx" >
</div>

NOTE: Make sure the path to your images is correct. Make sure you write the width and height of each image.

I hope that helps.

Motti

[motti_b]

Why isn’t the code showing? I used to show it... :-(

[motti_b]

Well I tried but with no success. I will wait until my site is live and try again. Thank you

[motti_b]

I installed TwentyTwenty on my site.

1. First download the folders.
2. I put the folders in the root level of the site (the same level as CSS, Images etc.)
3. I use the template layout.dwt to make all the changes so I put this code at the top of the layout.dwt:

NOTE: I put it right after the line so it is the first two CSS files on the page.

At the bottom bottom of the layout.dwt (after the line:

like this:

$(window).load(function(){
$(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.7});
$(".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct: 0.3, orientation: 'vertical'});
});

The code to put on any page you want the “Before and After” presentation is:

NOTE: Make sure the path to your images is correct. Make sure you write the width and height of each image.

I hope that helps.

Motti

[motti_b]

Yes, as long as there text the H1 is being used for good SEO. Having it under the logo as hidden is great. However, it should be manually edited for each page.

Cheers

[motti_b]

Not a problem :-).

I realized that some of the code I inserted is gone (replaced by a simple ‘yourtitle’). It does not show all the text that should be selected :-(.

Anyway, the concept is there.

I never understood why developers insist on adding H1 to the logo. I purchased many WordPress and HTML templates and ALL do that.

On the other hand when learning SEO, all agree that H1 should be informative and include keywords.

I always end up changing the logo attribute to H2 and give a H1 to each page individually.

[motti_b]

My apologies, Firefox works well. It was my doing :-(
As for Safari, I have Safari on Windows and it’s 5.1.7, the latest they created for Windows. You probably have MAC so Safari is updated regularly.

Cheers,
Motti

[motti_b]

resolved

[motti_b]

Hi,

Well, I know that if I change something in the layout.dwt it will effect the whole site. However, I want the and the tags to be changed individually for each page.

I cannot do it right now because it does not let me change individual pages.

I want to have the and the outside the template. This way I can change the and for each page individually.

I tried to delete the code:

But it will not let me.

How can I make the ‘head’ part of the pages not being part of the template?

Thank you

[motti_b]

I am using Dreamweaver and I DO find these templates very useful. However, when it comes to the head portion of any page I would like a different Title, a different Meta Tags, Meta Description etc.

How can I move the ‘HEAD’ part of the template to be editable?

Thank you.

[motti_b]

:-)

[motti_b]

Glad I could help

[motti_b]

Just added the code:

vertical-align:top;

to line 2143 (under .rotate-words attribute)

Now the text is align with the rest of the words

[motti_b]

Hi,

Go to main.css (in the CSS folder) and look for a line of code :

.home-wrap .ri-grid:afterm (should be around line 2188

At the end you will see the code:

opacity: .6 (I think it is originally .6). If you mark .i the images will be almost at full visibility, .9 wil be almost black.

Hope that helps

Motti