Recent
Categories
View Replies (25)

Renovate - General questions

0
Votes
Undo
  1. wisobe
    wisobe
  3. Commercial Templates
  4. Saturday, 04 April 2015
  5.  Subscribe via email
Hi,

I purchased the Renovate template recently and I'm trying to recreate the same page as the demo. As I need a multilangual site I wasn't able to install the demo. Here are a few questions. More questions might appear afterwards:

1) Icons module: It seems like some icons are showing up and some are not. Is this normal ? Is there a specific list of available icons ? If yes, where can I find it ?
2) I can't seem to center this module vertically. There's more space on the bottom than on the top.
3) Grid Gallery module: Is it possible to know how to add text above and under the grid gallery module as shown on the demo site ?
4) How should I enable the fact that the pictures of the grid are popping up? On my site I see the picture, then there is a visual effect and they re-appear.

Thanks upfront for your help. It's highly appreciated as always.

Best regards,
Pete
Responses (25)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

You will fist need to give your module a unique class name which can be added to the 'Module Class Suffix' field in the module settings (eg 'base-1a'). You can then style the links within that class withing something like...



 .base-1a a {color: #000000;}


For the benefit of other forum users please post new queries to new posts.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I think I'll leave it as is. I'm afraid if I change something on the picutre, that it will mess something up on the "normal" site.

Do you perhaps know how I could change the color of a link ONLY for module position Base1a ? I'm trying to insert a link on a white background and the color which is picked up is the one from "base" which is white. A white link on a white background doesn't work. :-)

Thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

It is difficult to say for sure. Have you considered simply cropping the height of this image 4px?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Thank you ! It seems to be centered now on tablets and phones. I had to change a few settings to make it work. I'm wondering if you have any ideas why the two images on the bottom right seem not to be at the same level as the other ones. I've added a screenshot to help show you what I mean. I took the same image sizes as the ones that are on your demo in order to be sure it would fit. On the normal site it's all ok, however on the tablets it's not perfect.

Image: https://www.dropbox.com/s/mwnc3gexz763snh/2015-06-18%2021.06.12.jpg?dl=0

Thanks,
Peter
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

I have updated this GridGallery module so it remains centered on all screen sizes. You can download this update at the following dropbox URL.. https://dl.dropboxusercontent.com/u/69136519/mod_j51gridgallery_centered.zip

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 7
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

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

Cheers,
Peter
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 9
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
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 !
  1. more than a month ago
  2. Commercial Templates
  3. # 10
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 11
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 12
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 13
Guest
Guest
Accepted Answer Pending Moderation
0
Votes
Undo
This is worked for me, thank you very much, great site :)
  1. more than a month ago
  2. Commercial Templates
  3. # 14
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 15
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 16
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

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

Best regards,
Peter
  1. more than a month ago
  2. Commercial Templates
  3. # 17
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 18
wisobe
wisobe
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

A mail has been said as requested. Thank you.

Pete
  1. more than a month ago
  2. Commercial Templates
  3. # 19
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 20
  • Page :
  • 1
  • 2


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.