WordPress.org

Ready to get started?Download WordPress

Forums

Carousel Horizontal Posts Content Slider
[resolved] Posts appearing in 2 lines (5 posts)

  1. karankk123
    Member
    Posted 10 months ago #

    Hi,

    I am trying to use the slider and show only 4 at one time, but 8 totally in the slider.

    For some reason during page load, the slider appears in two lines, i.e all 8 posts are shown on both lines. It then goes back to one line.

    http://wordpress.org/plugins/carousel-horizontal-posts-content-slider/

  2. akbradley57
    Member
    Posted 5 months ago #

    I am having the same issue. Is there a way to prevent this from happening?

  3. subhansanjaya
    Member
    Plugin Author

    Posted 5 months ago #

    I can't tell you exactly what is caused the problem without looking at your site, but I guess it might be a jQuery conflict.

    if you require additional support to install it properly check the premium version of this plugin with new features, bugs fixed and enable to work with other sliders. search for "Carousel Horizontal Posts Content Slider Premium version".

  4. treccase
    Member
    Posted 4 months ago #

    This exact thing is happening to my slider as well. First it loads all the images in 2 horizontal rows and then when the jQuery begins, after 1-2 seconds it transforms into 1 row.

    I have a suspicion it is facebook or google+ injecting their code, but i am still looking for the proof.

  5. Nick.Meisher
    Member
    Posted 4 months ago #

    I fixed this problem since I encountered it as well. However the fix requires basic understanding of html/css.

    The problem occurs because the initial html that loads doesn't have any style information initially , and only when the jquery loads is it added to the carousel. So that causes a 1-2 second delay since jquery runs when the page elements finish loading, so that causes the images to be displayed improperly

    So to fix it, you need to view the source and then view the source but using Google Chrome Developer Tools (inspect element). You will see that with Chrome Dev Tools (which shows the final code after page loads) there are css styles all over your carousel code added by the plugin which lack when you just view source on the browser (which shows the initial code before javascript gets a chance to modify it).

    So you need to create the selectors for the page elements that contain those styles, and add everything found inside the styles to them, and add end result to the end of the styles.css file of your theme.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.