Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Tutorial request: Those lovely, scrolling 'Contact Us' modules...

03-29-2015, 12:28 PM
# 1 (permalink)
Hi, is it possible to create a tutorial for the YJ community guys please?

I really love those Contact Us modules you have in templates like 'Explore' for instance (to name only one), but, they are not available in all the templates. For instance, I would like to add one to the YouSimplicity template I'm currently working with.

I guess these use a series of already available modules or extensions to create, along with a little CSS. However, a small tutorial on how to create these would be really handy - I particularly like the way the backgrounds scroll behind, which must be using the z-index for the images.

What do you think guys, is this possible? Or, perhaps it could be added to the list of ever growing extensions and plug-ins?


Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: n/a

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
03-29-2015, 03:25 PM
# 2 (permalink)
Actually, I managed something similar to your lovely background scrolling using the following custom CSS:
/* Style the Custom Contact Us in YJSG5*/

#yjsg5_holder {
background-image: url("../../../images/myFolder/myImage.jpg");
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top;
background-attachment: fixed;

position: relative;
z-index: 1;

#yjsg5 {
background: none;

The CSS probably isn't that elegant but it seems to have done the job!
03-30-2015, 07:21 AM
# 3 (permalink)
Hello dmuller.
Please notice that each of our template has documentation page.
Here you can see what module we used, what module position and what module suffix.
With that suffix you can find the css for that module inside layout.css and color.css file.
Also you can see the background css inside layout.css file under comment /* Backgrounds */
Kindness costs the least, but is worth the most!
03-30-2015, 03:42 PM
# 4 (permalink)
So, I could copy the CSS from a template I like and add that (with some tweaks perhaps to colour and image) to my custom.css file?

Is that what you're saying Arefund?
03-31-2015, 04:11 AM
# 5 (permalink)
Yes, you can copy the style and add inside your template for the part you like.
Kindness costs the least, but is worth the most!
03-31-2015, 05:34 AM
# 6 (permalink)
Okay, thanks for the prompt response Arefund.
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.

Members Login