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


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.


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 5 Years, 5 Months 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 13:14 By jbaker.
The administrator has disabled public write access.
 
#29485
Re:Slider Positioning Issue 5 Years, 5 Months ago Karma: 670
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 5 Years, 5 Months 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 14:14 By jbaker.
The administrator has disabled public write access.
 
#29488
Re:Slider Positioning Issue 5 Years, 5 Months ago Karma: 670
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 5 Years, 5 Months 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