Jump to content


Photo
- - - - -

Positioning Slideshow On Page


Best Answer Danny , 14 December 2012 - 09:30 AM

You can remove Page Titles using the options in Website Setup, so there is no need for the custom CSS to hide them.

 

To reduce the space you will need to inspect the code and reduce either the margin or padding, I recommend you use the Chromes Web Dev Tool.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 chules

chules

    Super Member

  • Members

  • 152 posts
  • Country: Country Flag

Posted 13 December 2012 - 06:29 AM

I am working on my website at

Please Login or Register to see this Hidden Content

.  I am trying to position the slideshow ont the page so that the space between the bottom of the menu and the top of the slideshow is reduced.  Also, trying to figure out why the slideshow is not centered on the page and has a larger amount of space to the left of the slideshow.

 

I could really use some assistance with this.  I tried to adjust content padding and I still can't decrease the space between the bottom of the menu and the top of the slideshow.  Thank you - chules



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 December 2012 - 10:42 AM

Hi,

 

For some reason either yourself or the plugin is using a table which has a <td></td> doing nothing but the CSS for <td> has padding, this is causing your slider to be pushed slightly to the right, remove this from your code and it should be positioned correctly.

 

Also add this CSS and it should reduce the gap.

 

 

 

Please Login or Register to see this Hidden Content



#3 chules

chules

    Super Member

  • Members

  • 152 posts
  • Country: Country Flag

Posted 14 December 2012 - 04:54 AM

Danny, the code you provided worked and the reason for the table was my laziness in cutting and pasting a shortcut code.  The page is displaying on the front page correctly.

 

To achieve this I used the following code to hide the title and reduce the gap

Please Login or Register to see this Hidden Content

This website will have another page at

Please Login or Register to see this Hidden Content

also display the slideshow in a very similar style with the only difference is that I will display a right hand primary sidebar.  The question I have is how do I modify the above code to remove the page title and also decrease the gap on this page?  Thank you - chules



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 14 December 2012 - 09:30 AM   Best Answer

You can remove Page Titles using the options in Website Setup, so there is no need for the custom CSS to hide them.

 

To reduce the space you will need to inspect the code and reduce either the margin or padding, I recommend you use the Chromes Web Dev Tool.