Slideshow Module Displacing Content

PeteMuzz · **Joined:** Mon Jul 02, 2012 10:04 pm **Posts:** 12

Hi

I've just installed the Slideshow module on my homepage and it all seems to work great except its misplacing the right hand column and putting it beneath the the main posts section. Is there anyway to rectify this?

Also I would like to have the slideshow about the page post rather then within it. Is the possible? Or atleast reducing the sizing between the slideshow and the post header. As you can tell i'm a complete newbie with CMSMS and learning as I go.

The website is www.cumbrianrun.co.uk

klenkes · **Posted:** Wed Jul 11, 2012 2:38 pm

Seems to me that your HTML is messed up somehow. Validate it and clean it up first.
Examples:
Your whole slideshow is surrounded by a <p> tag
Your div.content seems to contain div.Post AND div.sidebar1 which can't be correct and I think an unclosed tag somewhere is responsible for that.

Look at that: Validation result

PeteMuzz · **Joined:** Mon Jul 02, 2012 10:04 pm **Posts:** 12

Thanks for the reply.

I've checked over the coding and i can't find a unclosed tag anywhere. I'm a bit confused by the validation report as all the symbols it seems to think aren't in the code are.

I can see what you mean by the <p> surrounding the slide show but that appears to of been added by the actual module and not myself. I wouldn't of know where to add it if i'd tried.

our div.content seems to contain div.Post AND div.sidebar1 which can't be correct

I don't really understand what you mean by this. All the module says to do is install it and then post the CSS code link to the setup slideshow into the post. I would actually like to put it about the post but there are no instructions on how to do this and I can't find a alternative module to do it.

klenkes · **Posted:** Wed Jul 11, 2012 9:19 pm

PeteMuzz wrote:

I can see what you mean by the <p> surrounding the slide show but that appears to of been added by the actual module and not myself. I wouldn't of know where to add it if i'd tried.

I assume you added the tag for the slideshow in the editor. This is a nasty habbit of TinyMCE, enclosing evreything in <p> tags.

Remove the tags with WYSIWYG turned off or change them to DIVs. Then we see what happens.

PeteMuzz · **Joined:** Mon Jul 02, 2012 10:04 pm **Posts:** 12

Worked a charm! I couldn't see the <P> tags in the html when i went into the post but i just surrounded the slideshow code with <Div> an it did the trick.

Do you happen to know how I can get rid of the "Home" title for the post? I'm happy to keep the other titles on the other pages but I would like to move everything up and I don't think it looks aesthetically pleasing at the moment.

klenkes · **Posted:** Thu Jul 12, 2012 3:50 pm

Unfortunately the site is still down for maintenance. Or at least to the public...

PeteMuzz · **Joined:** Mon Jul 02, 2012 10:04 pm **Posts:** 12

Just put it back up now.

klenkes · **Posted:** Thu Jul 12, 2012 7:43 pm

PeteMuzz wrote:

Do you happen to know how I can get rid of the "Home" title for the post? I'm happy to keep the other titles on the other pages but I would like to move everything up and I don't think it looks aesthetically pleasing at the moment.

Somewhere in your template you call this:

Code:

<span class="PostHeader">{title}</span>

To get rid of this title on the startingpage only you can do something like:

Code:

{if $page_alias ne "home"}{* where home has to be the alias of the startingpage *}
<span class="PostHeader">{title}</span>
{/if}

This way the title is shown on all pages except the homepage.

PeteMuzz · **Joined:** Mon Jul 02, 2012 10:04 pm **Posts:** 12

Thanks for the input but i'm really confused. I've tried putting both of these in my coding just under the PostHeader sections but it doesn't seem to do anything.

Should I be putting the first one in the template and the second in the Stylesheet?

klenkes · **Posted:** Thu Jul 12, 2012 9:05 pm

No.
Locate: <div class="Post-inner">

After that substitute:

Code:

<h2 class="PostHeaderIcon-wrapper">
<span class="PostHeader">{title}</span>
</h2>

with:

Code:

{if $page_alias ne "home"}
<h2 class="PostHeaderIcon-wrapper">
<span class="PostHeader">{title}</span>
</h2>
{/if}

If it doesn't work you have to post at least the relevant part of the template.

PeteMuzz · **Joined:** Mon Jul 02, 2012 10:04 pm **Posts:** 12

Perfect. Thank you

Slideshow Module Displacing Content

Who is online