Found!
I had two "Ja Teline V menu", one with only Home item, I delete it and now JA Thumbnail should work with no duplication of images, but I've some problems with "Pagebreak":
1. if I use "show pages" I get the controls in the left bar but in weird look and not usable (see attachment)
2. if I use "show tab" (or sliders) apparently the pagebreak don't work and JA Thumbnail has some issues...

Please, see this article.

Help again, please 🙂

teitbite thank you!
Maybe the solution is both your code and my deleting the second "Ja Teline menu"...
Now it seems ok but not with "pagebreak". Any help?

With some articles (with only intro and full text image and not other images in article) I get full image and not the plugin showing (see here)

      salvomic Hi. I agree it's not a perfect solution, but till developers will be able to take a look it is best I can think of. Try add this to css:

      .article-index {
float: none;
width: 100%;
}

          teitbite what css, please?
          Yes, I agree, if this workaround works, I hope the developers could make soon an update 🙂

              salvomic Hi. Please copy it to custom.css file in /css folder. If You do not have this file yet, simply create it.

                  teitbite
                  ok!
                  Another little help, please. I created custom.css in /css folder of template... however still the left column with "Tools" is tight and doesn't resize with the whole content of pagination title (see attachment), besides there is too space on the right of it...

                  EDIT: better graphic results got putting also a "readmore" after the first lines of the article...
                  EDIT 2: this specific problem could be solved with this code in css/custom.css:

                  .article-index {
float: none;
width: 100%;
}

@media (min-width: 992px) {
  .article-full.has-article-tools {
    padding-left: 280px;
  }
  
.article-full .article-tools {
    left: 0;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    top: 0;
	width: 260px;
	}
}

                  But this has collater effect when "Reading mode" is on. I need any hints, please...

                      salvomic But this has collater effect when "Reading mode" is on. I need any hints, please...

                      I'm not entirely sure here, could you share screenshot of how you want it should be?

                          saguaros
                          Using the option "pages" in Pagebreak I would have enlarged the left "Tools" bar to contain more text (mostly "- smaller small medium large +" line), moving the article a bit more to right, but altering the settings in the CSS it works but when I clic on "Reading mode" the "reading mode" tools on top are messed...
                          Otherwise I could use "tabs" (in Pagebreak) but I would like to get a nicer graphic for the tabs and not the text effect on the attached image (that is also not on top, but aside of Ja Thumbnail)...
                          Any hints, please.

                              salvomic Hi. Please try with this in css:

                              .article-full.has-article-tools {
    padding-left: 230px;
}

.article-full .article-tools {
    width: 220px;
}

                                  salvomic Hi. My style was to resize the left column a little bit to make ti show more of tools. I cannot see it added to custom.css right now. If You've removed it because it took no effect please try use higher priority code like this:

                                  @media (min-width: 992px) {
.article-full.has-article-tools {
    padding-left: 230px !important;
}

.article-full .article-tools {
    width: 220px !important;
}

.article-tools .typo-tools strong {
    font-size: 10px;
}
}


                                    thanks, I put it in /JAtelineV/css/custom.css but it seems not to have effect, I'm seeing why.

                                    EDIT: it works putting the code in /ja_teline_v/local/css, however the code has side effects when the user clic on "reading mode": see attachment...

                                      salvomic Hi. Please try this:

                                      .reading-mode .article-tools .toggle-reading {
    position: relative;
    right: 0;
    top: 20px;
}

.reading-mode .article-full.has-article-tools {
    padding-left: 0;
}


                                        thank you; this goes better (more clean, please, see attachment), however it is not all horizontal like in the original CSS. I wonder if it is possible to get that also...
                                        Salvo

                                          salvomic Hi. Some more adjustments:

                                          .reading-mode .article-tools > div {
    display: block;
    float: none;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}

.reading-mode .article-tools .typo-tools ul > li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 5px;
}

.reading-mode .article-tools .typo-tools strong {
    width: 118px;
    text-align: center;
}

.article-tools .typo-tools strong {
    white-space: normal;
}

                                            hi, it's very kind by you, thanks. Now is much better both in normal and reading mode.
                                            Ok for now, if there is no way to get the "reading mode" tools in a row (top) as in the original style...
                                            Thanks again 🙂

                                            PS: I'm using this complete code (is it correct?):

                                            /* Tools column enlarge and Reading mode */
@media (min-width: 992px) {
.article-full.has-article-tools {
    padding-left: 230px !important;
	}
.article-full .article-tools {
    width: 220px !important;
	}
.article-tools .typo-tools strong {
    font-size: 10px;
	}
}
.reading-mode .article-tools .toggle-reading {
    position: relative;
    right: 0;
    top: 20px;
}
.reading-mode .article-full.has-article-tools {
    padding-left: 0;
}

.reading-mode .article-tools > div {
    display: block;
    float: none;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}
.reading-mode .article-tools .typo-tools ul > li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 5px;
}
.reading-mode .article-tools .typo-tools strong {
    width: 118px;
    text-align: center;
}
.article-tools .typo-tools strong {
    white-space: normal;
}

/* End column enlarge and Reading mode */

                                              salvomic Hi. Yes it looks ok even when I check. Hope it can stay like that.

                                                Write a Reply...
                                                You need to Login to view replies.