WordPress.org

Support

Support » Plugins and Hacks » Slideshow » [Resolved] Slide Show width shrinking from 960 px to 720 px

[Resolved] Slide Show width shrinking from 960 px to 720 px

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Stefan Boonstra

    @stefanboonstra

    Your slideshow is placed in an <h1> tag, which adds extra spacing around the slideshow. If you remove the <h1> tags around your slideshow, it will display in full width again.

    Stefan,

    Thank you for your assistance. I have gone into appearance, editor and I have yet to find the code for the front page slide show. I have gone into the page and looked at the text, which is also not showing the front page code. Please assist me in where I can find the code to remove the H1 tags.

    Your help is tremendously appreciated!

    Stefan,

    I didn’t find the code, but in the visual it was showing the slide show in H1 format. I reinserted the slide show and deleted the H1 slide show. I cleared my personal browser cache, it still isn’t displaying full width.

    Hi camendesigns, try changing the following.

    .front-page-text {
        margin: 1em auto;
        text-align: center;
        width: 75%; <== increase to 96%
    }

    The above will increase the front page text to 96%.

    However keep in mind that if you decide to make changes in the future especially to the front page these settings will change.

    The comment above by @stefan is letting you know that you have placed the slideshow in between H1 tags and that is why it is showing the way it is at the present.

    The following html source code is where you have placed the slideshow.

    <h1 class=”front-page-text” style=”text-align: left;”>

    Also if you are using a cache plugin you might have to empty your cache.

    Let us know if this helps you.

    Kind regards

    MBR Solutions,

    I took on this website at work and I am not as familiar with wordpress sites as I am with custom coding websites. Thus, I sincerely appreciate your assistance. I have increased the width to 96%, cleared out my browser cache and it had no effect. The slide show that is used, is a plugin by Stefan Boonstra who answered above with the H1 tags.

    In regard to the H1 tags, the only way I could remove the slideshow from the tag was to go into the home page and in the visual setting re-insert the slideshow making sure it was showing in paragraph format. The text portion did not show the HTML code, one thing that I am not used to not having access. Thus, my question regarding where I can find the HTML code for each page. I am only able to see the php and css files in appearance, editor. If I could get into the HTML code I believe I could fix this.

    CSS does not have
    h1.front-page-text

    only
    h1.entry-title

    Code from inspector element shows:

    <h1 class=”front-page-text” style=”text-align: left;”><span style=”font-size: 14px; line-height: 1.5em;”><div class=”slideshow_container slideshow_container_style-light” style=”height: 466px; width: 720px;” data-session-id=”0″ data-style-name=”style-light” data-style-version=”2.2.21″>

    Thanks for all your help. I ended up installing a new slideshow plugin which fixed the issue.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Slide Show width shrinking from 960 px to 720 px’ is closed to new replies.
Skip to toolbar