Need help? Check out our Support site, then


Delete slideshow padding on Autofocus theme

  1. Hello,
    I test a slideshow on the autofocus theme, and it makes a big padding. Does someone know how to delete it?
    In a second time is it possible to put down the arow and stop button?
    Many thanks!

    The blog I need help with is nicolasdufeu.com.

  2. I test a slideshow on the autofocus theme, and it makes a big padding. Does someone know how to delete it?

    Try adding this to your Appearance → Custom Design → CSS editor:

    .slideshow-window {
    	background-color: #fff;
    	border: 0;
    }
  3. In a second time is it possible to put down the arow and stop button?

    Do you mean you want to move them down?

    Give this a try, and note that you can adjust the numbers to your liking:

    .slideshow-window {
    	margin-bottom: 60px;
    }
    .slideshow-controls {
    	bottom: -40px;
    }
  4. It works very well,
    Thank you designsimply !

  5. Hi,
    I still have two questions...
    i can't put the slidshow center on webpage (in line with the title) it's always a bit on the right, what can i do for that?

    Also, i try (with no success !!!) to change the color of arrows to a pale grey, but it' don't worked....
    Many thanks

  6. In the future, could you please always include a link to the post or page you're working on? It helps very much to have an example to look at, especially if you've already made some modifications.

    i can't put the slidshow center on webpage (in line with the title) it's always a bit on the right, what can i do for that?

    Your slideshow is already centered. Try adding this to the bottom of your Appearance → Custom Design → CSS so you can visualize it:

    .slideshow-window {
    	border: 2px dotted red;
    }

    One workaround might be to make the slideshow itself a smaller width like this:

    .slideshow-window,
    .slideshow-slide {
    	width: 730px !important;
    }

    Note that you may need to adjust that number. Test it out to see what works for you.

  7. Also, i try (with no success !!!) to change the color of arrows to a pale grey, but it' don't worked....

    The slideshow controls are images. In order to change the color, you would need to download each image, create a new one in the color you want, upload the new images to your media library, copy the URLs for them, and replace the images using CSS. In addition, the slideshow control images currently don't have their own classes so you would need to use CSS3 to change them out and that means it would only work in newer browsers—older browsers would still see the older images.

    If you'd like to give that a try, here are the original images which you can download:
    http://s1.wp.com/wp-content/mu-plugins/slideshow/prev.png?m=1269491733g
    http://s1.wp.com/wp-content/mu-plugins/slideshow/prev.png?m=1269491733g
    http://s0.wp.com/wp-content/mu-plugins/slideshow/next.png?m=1269491733g

    If you need help with the CSS at that point, let me know and I can work on a CSS3 solution to swap them out.

  8. http://www.nicolasdufeu.com

    Whaou !!!
    1/ it means also that i can change the picture of the arrows and the stop button, it's a nice idea, in a perfect world i would choose, the arrows who already exist to go from an article to an other article. (anyway this is not the most important stuff)

    2/how do i replace these last arrows (from article to an other article ) more center to the first images article?

    3/How may i make my slideshow 1000px large, but still in line with the header? i checked, only 730px is working (i also tried the little red dots!), the arrows have to follow the center of the picture too...

    4/how can i put pages (pages will not be really important) just after the facebook like button, (as : like button, contact, print, process, etc) in the same sentence. At this time i only have a "contact" page, on the right of the site title.

    5/how can i delete the browse title behind the facebook like button?

    And that's it !!! I hope that you understand me ! You were really kind to answer me, i am not sure that you have so much time to do that, so anyway... many many thanks !
    The goal is to designsimply !!!!

    Here is my CSS:

    .entry-title {
    font-size:35px;
    word-wrap:break-word;
    }

    #entry-content {
    float:left;
    margin:0;
    width:730px;
    }

    .slideshow-window {
    background-color:#fff;
    border:0;
    padding:0;
    margin-bottom:80px;
    }

    .slideshow-slide {
    width:730px!important;
    }

    .slideshow-controls {
    bottom:-40px;
    }

    .entry-date {
    display:block;
    font-size:0;
    letter-spacing:px;
    line-height:0;
    margin:0;
    }

    #entry-meta {
    font-size:0;
    float:left;
    width:195px;
    }

    #footer {
    font-size:0;
    }

  9. 1/ it means also that i can change the picture of the arrows and the stop button, it's a nice idea, in a perfect world i would choose, the arrows who already exist to go from an article to an other article. (anyway this is not the most important stuff)

    2/how do i replace these last arrows (from article to an other article ) more center to the first images article?

    I got some help figuring this out :) and I found a solution that will work to just make the existing slideshow control images lighter! Try this:

    .slideshow-controls {
        opacity: 0.2;
    }
  10. 3/How may i make my slideshow 1000px large, but still in line with the header? i checked, only 730px is working (i also tried the little red dots!), the arrows have to follow the center of the picture too...

    In order to make the slideshow 1000px, you would need to adjust the entire page container because it is currently set to 800px wide in the theme's original CSS. Do you want to make all of the pages 1000px wide? Posts too? And the home page?

    Note that you can see all of the places the original CSS sets 800px as the width by searching for "800px" here:
    https://s1.wp.com/wp-content/themes/pub/autofocus/style.css?m=1335393443g&minify=false

  11. 4/how can i put pages (pages will not be really important) just after the facebook like button, (as : like button, contact, print, process, etc) in the same sentence. At this time i only have a "contact" page, on the right of the site title.

    The list to the right of the site title is a menu area. You can setup custom links by creating a custom menu. Here is a guide:
    http://en.support.wordpress.com/menus/

    However, some of the options you mentioned are sharing tools, and those are usually placed at the beginning or end of a post or page. You can add sharing buttons using the sharing tool, and that's the best way to do it:
    http://en.support.wordpress.com/sharing/

  12. 5/how can i delete the browse title behind the facebook like button?

    I'm not sure what you mean. Can you please provide a link to where I can see the browse title behind a facebook like button on your blog?

  13. the arrow opacity works greatly ! Thanks !

    When i change all the data 800px to 1000px, it isn't change anything in width, it 's only make a left offset of all pages. So i think i will let all in 800px, it s good like that.
    But i really want to try to make the slideshow slide width from 730 to 800px, but when i do that the slide width don't change but offset on the right.

    http://nicolasdufeu.com/2012/04/09/welcome-on-my-new-website/

    The forth point...i think i have'nt express very clearly ! Sorry.... The idea was to displace the menu pages as a footer. At this time the only page i have is contact, so how is possible to put it on the bottom of the page as a footer?

    http://nicolasdufeu.com/

    And last point, at the bottom of articles their is browse newer/older articles, is it possible to delete it?

    thanks to be so patient.

  14. Hi Designsimply,
    I succeed to put the menu pages on the left side....good point... but il failed to move it as a footer...
    Have a good day.

    #access,div.menu {
    margin:0 0 24px;
    width:800px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic