Cupid Love User Guide

Background

You can use an image in the background with parallax effect with simply add InlineStyle in div tag and by use of this you can create your own bg. See example below:

<div style="background-image:url(Path); ">    
[YOUR CONTENT]
</div>

If your background is small and you want to use repeted background then use styling property background-repeat and set the value repeat or no-repeat. See the example below:

<div style="background-image:url(Path); background-repeat:no-repeat;">
[YOUR CONTENT]
</div>

If you want to use your background like cover or cointainer so, you just add styling property background-size and set the value cover or cointainer. see the example below:

<div style="background-image:url(Path); background-size:cover;">    
[YOUR CONTENT]
</div>

Pattern

You can use an pattern in the background. simply add .pattern-2 class where you want to use. you can create your own pattern. See example below:

<div class="pattern-2">    
[YOUR CONTENT]
</div>

Note There are some predefined pattern we provide. you can create your own.