RokSprocket effect Mosaic
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
If you can go back to lumiere version and post here when done then I will look at it as quickly as I can.
Best practice when doing things like this is to have a clone site rather than the live site as we never know what issues may or may not be involved.
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- ROLLET
- Rocketeer
- Posts: 56
- Thanks: 1
-
ok.
I made the change.
Now you can go here:
ctc-restauration.com/index.php/fr/actualites
thank you for your help
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
As I suspected in my first post there is other css that is required too.
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_hadron). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
In the new rt_hadron-custom.css add the following code...
.sprocket-mosaic .sprocket-mosaic-image-container .sprocket-mosaic-content-container .sprocket-mosaic-title-container { background: url("../images/patterns/waffle.png") repeat scroll 0 0 rgba(0, 0, 0, 0.3); }
You will need to copy the background image (waffle.png) from lumiere to hadron.
I am wondering if you have made any changes to the default RokSprocket files? I am seeing the following code for your tags...
<li data-mosaic-filterby="Provence2" class="Provence2"> <div class="sprocket-mosaic-shadow"></div> <span>Provence2</span> </li>
The div between the li and span should not be there. This is causing the tags to highlight as you move mouse cursor.
I am wondering if the files have been copied across correctly as there is a big chunk of code missing from each item. The rendered code should be...
<a href="/index.php/component/content/article/13-roksprocket-mosaic/20-flexible-layouts"> <img class="sprocket-mosaic-image" alt="" src="/images/sampledata/fruitshop/apple.jpg"> <span class="sprocket-mosaic-hover"></span> <span class="sprocket-mosaic-shadow"></span> <span class="sprocket-mosaic-hovercontent"><span>+</span></span> </a>
And your code is actually rendering this...
<img class="sprocket-mosaic-image" alt="" src="/images/rocketlauncher/frontpage/feature/animation provence2.png">
If there is no linking then that explains the missing <a> tag, but you should still have the 3 span classes.
Can you use the 'secure' option above post input to provide me with a temporary Super Admin access please and I will take a look to see what the cause may be.
Thanks
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
OK - perhaps my instructions could have been a bit clearer. When I said to replace the hadron files with the lumier files I mean that the directories had to be the same. You copied the lumiere files to the mosaic folder but let the index.php in place which is for hadron. I renamed that to index.bak and this cured the tag and hover problem.
Second issue was that you created the rt_hadron-custom.css file but you saved that in the wrong place. My instructions say it must go to the css directory in the template. I have moved it and now the hover background works.
It also seems like you may have a problem with something as the hover only works if there is a link in place. I cannot change the first two items from none to custom. Neither can I access the tabs of the module. Not sure if this is a language thing as I changed my profile to English language for admin.
I will try and replicate on a clean install and see what happens. We do have a new RokSprocket that was supposed to clear some of the more recent problems with using the 'Simple' option.
Hope this helps
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
Time to create page: 0.052 seconds