Hello,
thank you for your answer. My website is
www.gesucristo.infoI've solved the first step (the background). About the icons, I can understand that are included with the template, so they aren't image files.
Is it possible to use classic image files like .jpg, .png, .gif ? And the article links?
The code of the module is:
<div class="icon_area_wrap">
<div class="icon_area_wrap_left" data-scroll-reveal="enter from the left over 1s">
<h2><span style="color: #0000ff;">We Are Passionate About <strong>Community</strong></span></h2>
<span style="color: #0000ff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam molestie mi a nunc porta facilisis. Mauris varius volutpat interdum. In quis congue velit. </span>
<span style="color: #0000ff;"> Egestas eu, lacinia id sem. Curabitur condimentum nunc vitae quam tincidunt vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam molestie mi. </span>
<span style="color: #0000ff;"> <a href="index.php/features-mainmenu-47/template-specific-features" class="readon" style="color: #0000ff;">Learn More About Us[/url]</span>
<div style="clear: both; height: 0px;"> </div>
</div>
<div class="icon_area_wrap_right">
<div class="icon_set" style="margin-bottom: 50px;" data-scroll-reveal="enter from the top after 0s">
<div class="icon_outer_wrap">
<div class="icon_hover"><span style="color: #0000ff;"><a href="index.php/pages/sermons" class="ion-link icon_element" style="color: #0000ff;">[/url]</span></div>
<div class="icon_non_hover"><span class="ion-headphone icon_element" style="color: #0000ff;"></span></div>
</div>
<span class="icon_bottom_text" style="color: #0000ff;"> Download Sermons</span></div>
<div class="icon_set" style="margin-bottom: 50px;" data-scroll-reveal="enter from the top after 0.25s">
<div class="icon_outer_wrap">
<div class="icon_hover"><span style="color: #0000ff;"><a href="index.php/pages/news" class="ion-link icon_element" style="color: #0000ff;">[/url]</span></div>
<div class="icon_non_hover"><span class="ion-ios-paper icon_element" style="color: #0000ff;"></span></div>
</div>
<span class="icon_bottom_text" style="color: #0000ff;"> Read Our Blog</span></div>
<div class="icon_set" data-scroll-reveal="enter from the top after 0.5s">
<div class="icon_outer_wrap">
<div class="icon_hover"><span style="color: #0000ff;"><a href="index.php/features-mainmenu-47/template-specific-features" class="ion-link icon_element" style="color: #0000ff;">[/url]</span></div>
<div class="icon_non_hover"><span class="ion-ios-people icon_element" style="color: #0000ff;"></span></div>
</div>
<span class="icon_bottom_text" style="color: #0000ff;"> Our Church Staff</span></div>
<div class="icon_set" data-scroll-reveal="enter from the top after 0.75s">
<div class="icon_outer_wrap">
<div class="icon_hover"><span style="color: #0000ff;"><a href="index.php/events" class="ion-link icon_element" style="color: #0000ff;">[/url]</span></div>
<div class="icon_non_hover"><span class="ion-ios-calendar-outline icon_element" style="color: #0000ff;"></span></div>
</div>
<span class="icon_bottom_text" style="color: #0000ff;"> Calendar of Events</span></div>
<div style="clear: both; height: 0px;"> </div>
</div>
<div style="clear: both; height: 0px;"> </div>
</div>
Thank you and best regards,
Enzo