How to change border above footer area in Travelify?

Thank you very much! How can I change this footer’s line >>> ( http://i.imgur.com/Evtv0PN.png ) for one continuous? Thanks a lot for your support!

The same process as earlier but this time add the following:

#site-generator {
	border-top: 2px solid #eaeaea
}

Thanks a lot! I already downloaded the new version(1.3.0), you are doing an excellent job! Please let me know your email or Skype ID because I would like to talk to you about a business opportunity. All the best!

What kind of code would you need to make the border a decorative image? I tried

#site-generator {
border-top-image: url('http://mywebsite.ccom/footerdivider.png');
}

but it didn’t work.

@modelliva

You just invented a new property in CSS as there is no such thing as border-top-image.

The basic example to replace border with image would be this:

#site-generator {
  border-image: url('http://.colorlib.com/travelify/wp-content/uploads/sites/4/2013/03/featured-4.jpg') 30 30 round;
  border-width: 50px;
}

I used rather big width for border just to show how it works but you can feel free to tweak it to get the results you were looking for.

hahah! Yeah… I am definitely no programmer! I used the code but for whatever reason it is putting two of the same image? http://test.modellicreations.com/

Add this to the same #site-generator selector.

border-bottom: none;

So your code will look like this:

#site-generator {
	border-image: url('http://test.modellicreations.com/wp-content/uploads/2015/02/lotusborder2.jpg') 50 50 round;
	border-width: 50px;
	border-bottom: none;
}

Let me know if this helps.

That worked out great! Thank you, thank you!

Hello! How to remove dashed line separating footer and main menu?