Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Problem on centering pagelayout; slow Slideloading
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Problem on centering pagelayout; slow Slideloading
#59804
Problem on centering pagelayout; slow Slideloading 7 Years, 9 Months ago Karma: 0
Hi,

Issue-1:
I want the Layer Slider to be centered on a page-layout, width: appr. 700px, showing images 550x350px.
However the Slider keeps to be left-aligned.

- I tried center-aligning {arilayerslider id="1" comment="gereedschap"}{/arilayerslider} in the texteditor; it does not do the job.
- I then tried displaying the images on a 700pxs-background: doing so, there are no 75px-wide area's to the left/right of the img; instead the 550x350px-imgs get displayed to a width of 700pxs.

What do I do to get the Slider centered on the page?

Issue-2:
-on opening/refreshing a page the Slider seems to load quite slowly

Please refer to:

www.multimatekloosterman.nl/2015-06-23-14-13-37/gereedschappen
[ showing the slider left-aligned, imgs: 550x350px ]

Regards, wietze
The administrator has disabled public write access.
 
#59807
Re:Problem on centering pagelayout; slow Slideloading 7 Years, 9 Months ago Karma: 760
Hello,

1. The problem that <P> is used to add text-align CSS property to wrap the slider. The slider uses <DIV> element as container and according to HTML standard it is not possible to use <DIV> element (block elements) inside <P> tag. As result browsers renders <P> and <DIV> tags separately, you can see it in browser's developer tool:



The possible solutions:

1. Wrap the slider with <DIV> element instead of <P>

or

2. Add the following CSS rule to a site template CSS file and clean browser's cache:

.xslider {margin:0 auto}

2. We will check it.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#59813
Re:Problem on centering pagelayout; slow Slideloading 7 Years, 8 Months ago Karma: 0
Hi,

I managed to put in the css to center the slideshow on pages; yet another problem arises:

– the css on the topmenu gets distored: first + second level menu

Please refer to:
[page containing the slideshow]:
multimatekloosterman.nl/2015-06-23-14-13-37/gereedschappen

[pages not containing the slideshow], look like:
multimatekloosterman.nl/

Have good day, thanks for your help

Kind regards, Wietze
Last Edit: 2017/02/27 10:04 By wbvds.
The administrator has disabled public write access.
 
#59816
Re:Problem on centering pagelayout; slow Slideloading 7 Years, 8 Months ago Karma: 760
Hello,

The problem occurs because the site template uses MooTools javascript library for the menu (BTW Joomla! team are removing MooTools dependencies from Joomla! code) and "ARI Layer Slider" doesn't work with MooTools library.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#59862
Re:Problem on centering pagelayout; slow Slideloading 7 Years, 8 Months ago Karma: 0
I feel a bit disappointed; i have been re-reading the specs on the layerslider again and again, page:

www.demo2.ari-soft.com/joomla-layer-slider.html?_

yet i cannot find any warning on the layerslider having a restriction regarding mootools.


I purchased the layersider to apply it in some existing websites needing a responsive imageslider, yet i find it is not useable.



Regards, Wietze
The administrator has disabled public write access.
 
Go to topPage: 1