Blueberry Slider, Skyline Theme & Internationalization
Permalink
Hi All,
I have installed the theme and the slider OK, I actually wanted to reproduce the skyline demo, but gave up and went with a full page and the slider on top.
Site:http://vamos-abroad.com/
Challenges:
1) Small pixel image above the slide show. I compared the source and it looks like in my case the div class just before the slider starts ="" . On the demo site -http://skyline.sarahevansdesigns.co.uk - I can see div class="slider-container". Any help to remove the pixel blob/fix this is appreciated.
> Fixed, thanks to James (the Blueberry slider man):
The small pixel dot is occurring due to a collision with the css for the Skyline theme. There is a relatively simple way to fix it, but you will need to edit the css for the blueberry slider - are you comfortable doing this? If so, here is what you need to do.....
1. Locate and edit the blueberry.css file (located under /packages/tra_blueberry_slider/blocks/tra_blueberry_slider/css)
2. Locate the line...
.blueberry .bbslides
- this is the second line of css in the file
3. Change this line to include the skyline id selector, which will increase the specificity of this css. The line should now look like the following...
#skyline-container .blueberry .bbslides
4. Save the blueberry.css file and reload your home page - the pixel dot should be gone.
2) I would like to add a sidebar on the right, but keep the slider on top across both the main and sidebar as on the demo site. Again, any tips are welcome.
> Solved myself, go with full page layout > add a block > and then I added columns via layout below
3) Once that is done and I have the structure I want, I will add internationalization with the free add-on. I am assuming this will work with the above, if not please shout.
> I am still working through this, the documentation provided is poor (and doesn't cover all the problems you will have for certain) and you have to use the forum and google to solve the issues caused by its work-around architecture.
Thanks,
Joachim
I have installed the theme and the slider OK, I actually wanted to reproduce the skyline demo, but gave up and went with a full page and the slider on top.
Site:http://vamos-abroad.com/
Challenges:
1) Small pixel image above the slide show. I compared the source and it looks like in my case the div class just before the slider starts ="" . On the demo site -http://skyline.sarahevansdesigns.co.uk - I can see div class="slider-container". Any help to remove the pixel blob/fix this is appreciated.
> Fixed, thanks to James (the Blueberry slider man):
The small pixel dot is occurring due to a collision with the css for the Skyline theme. There is a relatively simple way to fix it, but you will need to edit the css for the blueberry slider - are you comfortable doing this? If so, here is what you need to do.....
1. Locate and edit the blueberry.css file (located under /packages/tra_blueberry_slider/blocks/tra_blueberry_slider/css)
2. Locate the line...
.blueberry .bbslides
- this is the second line of css in the file
3. Change this line to include the skyline id selector, which will increase the specificity of this css. The line should now look like the following...
#skyline-container .blueberry .bbslides
4. Save the blueberry.css file and reload your home page - the pixel dot should be gone.
2) I would like to add a sidebar on the right, but keep the slider on top across both the main and sidebar as on the demo site. Again, any tips are welcome.
> Solved myself, go with full page layout > add a block > and then I added columns via layout below
3) Once that is done and I have the structure I want, I will add internationalization with the free add-on. I am assuming this will work with the above, if not please shout.
> I am still working through this, the documentation provided is poor (and doesn't cover all the problems you will have for certain) and you have to use the forum and google to solve the issues caused by its work-around architecture.
Thanks,
Joachim
