Hi Guys,

1) Just want to update on a few topics. At appears that the list of available icons is the one over here and not the one on the font awesome website:

http://demo.joomla51.com/0111/index.php/features/font-awesome

All icons on this list seem to work. Is there a reason why those are working and not the ones on the font awesome website 6?

3) I found how to add the text. Just used custom HTML.

Hello

1. To ensure your icons module is loading the latest Font Awesome set (4.3) you can edit the following in your modules default.php (../modules/mod_j51icons/tmpl/default.php - line 101)...

<link href="//http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Change to....

<link href="//http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">

2./4. Would you have a URL to an example of these issues?

Ciarán

Hi Ciaran,

Here is a link towards the site: http://www.larenardiere4.be/s1/index.php/en/

I have an additional question as well if you don't mind. I'm trying to insert a language switcher but I don't seem to find a perfect way to do so. As you can see on the page mentioned above, the display isn't working well. Do you have any suggestions for the position of the language switcher and maybe some custom css code in oder to have the flags next to each other ?

Thanks upfront for your help.

Hello

2. Could you try adding the following to the Custom CSS field of your templates parameters...

.top-1 .j51_icon {

    padding-top: 30px;

}

4. Presuming I understand you correctly, I am sorry to say we are unable to replicate the issue you are having. Is this issue with any particular device?

A popular solution is to create a new module position in the header area of your template. Detail on doing so can be found at the following URL... http://www.joomla51.com/tutorials/item/creating-a-new-module-position-in-the-header-area-of-your-template

Ciarán

Hi Ciaran,

Here's a little update concerning my issues.

2) The custom css worked perfectly to put the icons in the centre vertically. Thank you. :-)
5) I was able to create a new module position for the language switcher and it's working great. Thanks a lot !

4) I will try to explain the issue again. If I'm not clear, don't hesitate to say so and I'll try again. :-) The issue is more of a graphical problem. To replicate the issue you need to scroll very slowly through the homepage. I compared the home page of the demo on your server with the homepage provided on my site (link above). With the demo, when you reach (again very slowly) the module GridGallery we don't see the images and suddenly they pop up and appear on the screen with a graphical animation. It's working great on the demo website. Now, if you check on my home page and you scroll slowly until you reach the GridGallery the images are already present on the page, then the animation starts and pictures are popping up. The difference between the demo site and my homepage is that the pictures on the demo site are not visible until the animation is finished. On my site the pictures are available, then there is an animation, and then the pictures are available again. I hope you see the difference. I use Google Chrome but I don't think it's related to my browser because on the demo site it's working fine.

I hope you'll be able to help me out for this last point.

Thanks a lot for your help. It's always a pleasure to get a great support.

Pete

Hi Pete

Unfortunately we are still having an issue replicating this issue. May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further and see if there is anything that may be be causing this problem for you. For our reference please paste a link to this post in your email.

Ciarán

Hi Ciaran,

A mail has been said as requested. Thank you.

Pete

Thank you Peter

I have added the following to the Custom CSS field of your templates parameters which appears to have resolved the issue...

li.j51gridgallery {opacity:0} 

Ciarán

Hi Ciaran,

Many thanks for your valuable help ! It's always appreciated. You did it again. :-)

Best regards,
Peter

Hi Ciaran,

I've been trying to access my website from my iPad. During the visit I discovered that the width of the slideshow does not cover the whole screen. On both sides of the slideshow, I see a green line which is probably the background picture. In the template settings, the with is set to 100%. Is this normal ?

In addition, when we scroll down the homepage until the page where it's written "Responsive Design" The background is not acting like on a normal computer. Same question, is this normal or can we do something about it ?

Thank you
Peter

Hi Peter

For your slideshow issue try adding the following to the Custom CSS field of your templates parameters...

.slideshowcontainer,#container_slideshow .wrapper960 {

	max-width: 100% !important;

	width: 100% !important;

}

For the background image issue try also adding the following to the same field...

.touch #container_header, .touch #header_bg, .touch #container_top2_modules, .touch #container_bottom1_modules, .touch #container_bottom2_modules {

	-webkit-background-size: auto !important;

	-moz-background-size: auto !important;

	-o-background-size: auto !important;

	background-size: auto !important;

	background-repeat: repeat !important;

	background-attachment: scroll !important;

}

Ciarán

This is worked for me, thank you very much, great site

Hi Ciaran,

The first fix did it. However for the second fix there is no change. I still see a green background but the quality is rather bad and it seems to be zoomed.

Best regards,
Peter

Hi Peter

It can be a bit of a tricky issue due to the varying ways some devices handle the background-size:cover CSS property which is applied to this area of the template. A solution offered by other forums users was the following (replace previous)...

.touch #container_header, .touch #header_bg, .touch #container_top2_modules, .touch #container_bottom1_modules, .touch #container_bottom2_modules {

	-webkit-background-size: auto 100% !important;

	-moz-background-size: auto 100% !important;

	-o-background-size: auto 100% !important;

	background-size: auto 100% !important;

	background-repeat: repeat !important;

	background-attachment: scroll !important;

}

Ciarán

I think I'll be out of luck for this one. If you have other ideas, don't hesitate to shoot. :-)

Thanks for your help.

Best regards,
Peter

Hi Ciaran,

My site is getting better and better each day ! I have some additional questions.

The first one would be about the positioning of the different modules. For example, we have a Top1A until Top1F. If I only use one position it's always going to be positioned on the left side of the screen. Is it possible to change this for a specific page ? If for example I would like to center the small pictures on the following page but without affecting other pages that uses the same module position, is this possible ?

Link: http://www.larenardiere4.be/s1/index.php/en/accommodation/the-room-l-eau-rouge

Thank you !

Hi Peter

It sounds like you have the 'Manual Widths' option enabled in your templates parameters. For further details on this option may I suggest the following article.. http://www.joomla51.com/tutorials/item/understanding-the-module-widths-options

It is worth noting that you can create different template styles for different menu items on your site which means you can have different template settings on different pages. For details on creating multiple template styles check out the following tutorial... http://www.joomla51.com/tutorials/item/creating-multiple-template-styles

Ciarán

Hi Ciaran,

I just checked my template settings and all Manual Widths are disabled. Sorry. :-)

Cheers,
Peter

Hi Peter

Could you try adding the following to the Custom CSS field of your templates parameters...

.j51thumbs132 {

    left: 50%;

    margin-left: -255px !important;

    position: relative;

}

Ciarán

Hi Ciaran,

Thank for the reply. For the moment I'll leave it as is because when visiting the site I'm very pleased with the way it's being shown.

I've visited the site with my tablet and it seems like the "grid gallery" is not centered. Do you perhaps have a solution for this ?

Thanks a lot.
Peter