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


Recent Events
  • 25/11/2021 Black Friday Promotion

    BIG SALE, 35% discount for all our extensions. Use BF21 coupon code. Hurry up the discount is valid till 1 December.

  • 30/04/2021 Important information

    We transferred to another hosting so if you are experiencing any problem let us know. We will fix it as soon as possible.


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?

Slider Positioning Issue
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Slider Positioning Issue
#29481
Slider Positioning Issue 10 Years, 1 Month ago Karma: 0
Hello Everyone!

Having an issue with the positioning of our slider, any help on this would be greatly appreciated.

web.ptd.net/Wayne/index.php/properties-for-sale#jans_1
^ Website for a Bank

On the left, you see about 50 pixels of white space. The image should be covering that up.

In the article text we have;
Code:


{arijnewsslider 
height="455" width="960" 
useJoomlaArticle="true" 
showTabs="false" 
articleSortField="created" 
articleItemCount="3" 
articleCatId="29" 
showNextPrev="true"} 
{ariarticletemplate} 
{$introtext} 
{/ariarticletemplate} 
{/arijnewsslider}



If you look at the Element in Firebug, you will see;

Code:


<div class="ariNewsSlider" style="width: 1016px;">



If you change 1016px to 960px in Firebug, the slider is positioned correctly.

Again, any help on this would be awesome.
Thank you.
Last Edit: 2012/06/28 19:14 By jbaker.
The administrator has disabled public write access.
 
#29485
Re:Slider Positioning Issue 10 Years, 1 Month ago Karma: 737
Hello,

Add the next CSS rule:

Code:


DIV.ariNewsSlider .ariNewsOverlay
{
margin: 0
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#29487
Re:Slider Positioning Issue 10 Years, 1 Month ago Karma: 0
That simple, ey? You are fantastic! Thank you!

I have one other question (for now).

As you can see on our Locations pages, the main content falls behind the main menu which gives a nice transparent effect.

I struggled with proper css positioning to get the same effect with the Slider page.

Would you have a good idea on how to achieve this?

Thanks again!
Last Edit: 2012/06/28 20:14 By jbaker.
The administrator has disabled public write access.
 
#29488
Re:Slider Positioning Issue 10 Years, 1 Month ago Karma: 737
You can try to use semitransparent PNG image as background for the slider.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#29490
Re:Slider Positioning Issue 10 Years, 1 Month ago Karma: 0
Thank you again, however, the following CSS fixed my issue;

Code:


.ariNewsSlider {
    margin: -15px 0;
}



I now have the top part as transparent.
The administrator has disabled public write access.
 
Go to topPage: 1