• Resolved worldsnapper

    (@worldsnapper)


    Hi,

    I have installed a slideshow plugin called ‘showtime’ which is centered on every page except for one – the blog page.

    The code under basic styles in my style.css is…

    .showtime { padding-top: 39px; padding-left: 0px }

    The code in my blog-page.css is….

    <?php show_showtime (“id=5365|width=880|height=356|padding-top=39|padding-left=0”); ?>

    and yet for some reason the slideshow window sits to the left of centre.. where is the problem in the line of code in my blog-page.css template?

    Any answers greatly appreciated!

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • Phil

    (@owendevelopment)

    Try posting a link to the blog page and a page where the slideshow is correctly placed and I might be able to help you.

    Thread Starter worldsnapper

    (@worldsnapper)

    Hiya,

    The blog page can be found here and the other page from the menu bar.

    Thanks for your time!

    Phil

    (@owendevelopment)

    I think the problem is caused by placing the slideshow in the wrong area of the blog page template.

    Reason i say this, is that on the pages where the slideshow is centred correctly, the slideshow appears INSIDE <div id=”content-area”>, yet on the blog page, it appears OUTSIDE of it (before it).

    This places the slideshow before the main container of the site and hence why it’s appearing outside the normal boundary – before the page/post content is due to begin.

    I don’t know how you add this php into the template, but my guess would be to open blog.php (or the blog template equivalent), and paste your slideshow code BELOW:

    <div id=”content” class=”clearfix content-alt”>

    That should sort it out for you.

    Phil

    Thread Starter worldsnapper

    (@worldsnapper)

    Hi Phil,

    I have done that but still no different. I have inserted a few   tags which work for IE9 but not for Chrome, Firefox, Safari etc.. Any ideas?

    Andrew

    Phil

    (@owendevelopment)

    Another workaround would be to wrap the slideshow in a div and center that. it gives you more control of the slideshow container for positioning etc.

    okay, what I would do is:

    1. Get rid of the:

    ??

    …that you have before the slideshow.

    2. Apply these:

    HTML

    <div class="slideshowwrapper">
    <?php show_showtime ("id=5365|width=880|height=356|padding-top=39|padding-left=0"); ?>
    </div>

    Then in CSS stylesheet:

    .slideshowwrapper {
    width: 880px;
    height: 356px;
    margin: auto;
    }

    When I create a HTML page of your blog page and alter to the above, it aligns perfectly.

    Phil

    Thread Starter worldsnapper

    (@worldsnapper)

    Hi Phil,

    Finally it works – thanks very much! ??

    A

    Phil

    (@owendevelopment)

    Glad I could help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Where is the problem in this code?’ is closed to new replies.