Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Image border

Featured Replies

Hey

 

Can anyone help me

 

On my front page of site i have a slider however it should have a white border like it does on portfolio site.

 

the site is link

Hey

 

Can anyone help me

 

On my front page of site i have a slider however it should have a white border like it does on portfolio site.

 

the site is link

 

as it stands at the moment adding this should sort it

 

#slider img {border: 10px solid white;}

  • Author

hey Pat

 

tried to do what u said and nothing happened, i have uploaded new stuff so if u look at css it should show.

hey Pat

 

tried to do what u said and nothing happened, i have uploaded new stuff so if u look at css it should show.

 

I cant see what I suggested in your css.css

the call to nivo is conflicting with one of the other libaries

 

this hould fix it

 

 
<script type="text/javascript">
( function($) {
$(window).load(function() {
   $('#slider').nivoSlider({
       effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
       slices: 15, // For slice animations
       boxCols: 8, // For box animations
       boxRows: 4, // For box animations
       animSpeed: 500, // Slide transition speed
       pauseTime: 5000, // How long each slide will show
       startSlide: 0, // Set starting Slide (0 index)
       directionNav: true, // Next & Prev navigation
       directionNavHide: true, // Only show on hover
       controlNav: false, // 1,2,3... navigation
       controlNavThumbs: false, // Use thumbnails for Control Nav
       controlNavThumbsFromRel: false, // Use image rel for thumbs
       controlNavThumbsSearch: '.jpg', // Replace this with...
       controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
       keyboardNav: true, // Use left & right arrows
       pauseOnHover: true, // Stop animation while hovering
       manualAdvance: false, // Force manual transitions
       captionOpacity: 0.8, // Universal caption opacity
       prevText: '', // Prev directionNav text
       nextText: '', // Next directionNav text
       beforeChange: function(){}, // Triggers before a slide transition
       afterChange: function(){}, // Triggers after a slide transition
       slideshowEnd: function(){}, // Triggers after all slides have been shown
       lastSlide: function(){}, // Triggers when last slide is shown
       afterLoad: function(){} // Triggers when slider has loaded
   });
});
} ) ( jQuery );
</script>

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.