About gallery and slideshows (jp-carousel) question.

  • Unknown's avatar
    autumnds2011 · Member ·

    Hi, everybody:

    (I’m not good in English. I will try my best to express what I think.
    If someone can read chinese, I suggest reading previous discussion in chinese:
    https://goo.gl/Tb9TmQ
    )

    Today I have an issues with the carousel:
    https://autumnds2011.wordpress.com/#jp-carousel-96
    https://autumnds2011.wordpress.com/#jp-carousel-44
    (I am testing WrodPress service now, so used the blur image.)

    When opened slideshow (jp-carousel), the images in the carousel had limit width with the <img> tag src attribute. If it is a very very long image (for example: the aspect ratio is 1:100 [600px*6000px].), this image will set limit width to 370px: src=’https://URL?w=370&h=’.
    (This is an image detail: http://i.imgur.com/0sNswoU.jpg)

    Under the premise that I use Premium plan, can I cancel or change the minimum number?

    I hope this issue can be solved!

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    autumnds2011 · Member ·

    I will use this css style for my website to change carousel style for long image viewing: 

    /* Hide Comment Form & Link */
#jp-carousel-comment-form-container, /* Form */
div.jp-carousel-buttons a.jp-carousel-commentlink, /* Link */
#jp-carousel-comments-loading /* Loading Comments text */ {
	display: none !important;
}
/* Remove Padding from Link Area */
.jp-carousel-buttons {
	padding: 0 !important;
}

.jp-carousel-overlay{
	position: fixed !important;
}
.jp-carousel-titleanddesc{
	border-top: none !important;
}
.jp-carousel-slide.selected{
	/*position: relative !important;*/
    width: auto !important;
    height: auto !important;
    max-width: 86vw !important;
    transform: translateX(-50%) !important;
    left: 50% !important;
    text-align: center;
    display: inline-block;
}
.jp-carousel-slide.selected img{
	width: auto !important;
	height: auto!important;
	margin: 0 auto;
	max-width: 80vw !important;
	max-height: none !important;
}
.jp-carousel-info{
	position: fixed;
}
  • Unknown's avatar
    timethief · Member ·

    I’ve tagged this thread in the sidebar with modlook for Staff attention. Please subscribe to this thread so you are notified when they respond and be patient while waiting. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

  • kokkieh · Staff ·

    Hi there,

    The Premium Plan will allow you to use CSS to make changes to your site’s appearance, and you can use it to make changes to how the gallery carousel specifically works, yes.

    If that CSS you posted works for you in your browser inspector, it will most likely work if you use it in the Customizer as well, but the best place to make sure of the correct CSS to use is our CSS forums:

    https://en.forums.wordpress.com/

  • The topic ‘About gallery and slideshows (jp-carousel) question.’ is closed to new replies.