Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #23136

    Hello.

    I pointed this same problem some time ago and after the update of the template seemed that the problem had been solved. Only now I realize that it is not so because the caption title in the slideshow works poorly on Safari (while working properly in Mozilla and Chrome).

    On Safari the Caption title and the frame have a right margin that should not have. This happens both in the version installed on the server at localhost. It also happens on your site (http://www.kriesi.at/themedemo/?theme=coherence)

    I am also sending some screen shoot.

    https://dl.dropboxusercontent.com/u/7254890/kriesi/caption-title-01.png

    https://dl.dropboxusercontent.com/u/7254890/kriesi/caption-title-02.png

    https://dl.dropboxusercontent.com/u/7254890/kriesi/caption-title-03.png

    I hope you fix it! Tanks in advance.

    #118655

    For ” installation of the template” I meant to say “the update”…

    #118656

    Hi,

    Let me forward you to the team’s iPad owner who hopefully can reproduce this.

    Thanks,

    Nick

    #118657

    Ok, I’m waiting for your news.

    I have not iPad and I see this issue in Safari on my MacBook and iMac.

    If you can help by, I tell you that in the previous version of the theme the “Caption Title” gave a problem of margin/padding right in Chrome and in the new update of the theme there a similar problem in from Safari.

    #118658

    Hi glhu,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .safari .slideshow_inner_caption {
    width: 80%;
    }

    Regards,

    Devin

    #118659

    Devin, I’m sorry but the problem persists.

    Of course I also deleted the history and cache in Safari.

    #118660

    Hi,

    Please add this to the end of your /css/custom.css or to Quick CSS.

    #top .slideshow_inner_caption {
    padding: initial;
    position: relative;
    display: inline-table;
    height: 100%;
    width: 100%;
    }

    This is specifically for the frame with the whiskey glass and cigar on the demo. Please let us know if anything changed.

    Thanks

    Nick

    #118661

    Hi Nick. Thanks for the reply.

    Not even this solves the problem, but eliminates padding / margin in all browsers.

    Just to avoid confusion: without making any changes to the style of the original theme, the problem that you see in the pictures I sent you the link, occurs only in Safari, even looking at your theme online. As you can see in the pictures, the Caption Position and Style has that problem only on Safari.

    I hope there is a solution.

    Thanks in advance.

    #118662

    Hi,

    I tried to fix it according to screenshots.

    .safari .slideshow_inner_caption {
    width: 100%;
    }

    .safari .slideshow_inner_caption {
    padding: 0 15%;
    }

    Regards,

    Ismael

    #118663

    Ismal (and also Nick and Devin) thank you very much: finally the problem was solved in safari! You are great!

    I’ll notice a small defect in the caption in mozilla and chrome (which was also before updating the custom.css with the last change that you reported and therefore do not depend on it), the “Caption Position and Style: right Framed “has a very small margin / paddin right both in firefox (it looks like a couple of pixels) in both chrome (it looks like a pixel). I’ll show you the screenshots:

    https://dl.dropboxusercontent.com/u/7254890/kriesi/01-firefox.png

    https://dl.dropboxusercontent.com/u/7254890/kriesi/02-chrome.png

    Solved this imprecision, your caption will finally be perfect!

    #118664

    Hi,

    I don’t see anything on the demo http://www.clipular.com/c?6015016=FIapMRWOXCzGWXMKz1NQp06-Y8w&f=.png

    If you can provide a link with code that exhibits the problem we can solve it. But with your eye for detail, you have to install Chrome Developer Tools and in minutes you will be editing like a pro without the need to even know css. http://www.youtube.com/watch?v=TvJflwF8eYM and http://www.youtube.com/watch?v=dNsM2PUkZ1g

    Thanks,

    Nick

    #118665

    Hi Nick: can you try, please, using “Caption Position and Style: Right Framed”?

    I’m sure that this small error appears only on that option (“Right Framed”, and not “Left Framed”)

    Thanks!

    #118667

    Hi,

    Please show me the page where this error is located. Include a snapshot please so there is no confusion.

    Thanks,

    Nick

    #118668

    In the template online any images slideshow has the Capture Text with the setting “Caption Position and Style: Right Framed”. For this reason you can not see that little imperfection in the template that is online.

    1) I installed the theme locally, without any customization

    2) I imported the dummy date

    3) The first image that appears in the slideshow on the home I gave “Caption Position and Style: Right Framed” (Right, and not Left).

    4) Mozilla and Chrome show that little margin that you can see in the pictures I’ve attached in one of the previous messages.

    I hope it was clear. Also thanks for assistance.

    Glhu.

    #118669

    Hi,

    You can probably fix it with this

    .chrome .caption_right .slideshow_caption {
    right: -1px;
    }

    .moz .caption_right .slideshow_caption {
    right: -2px;

    Regards,

    Ismael

    #118670

    Thanks for the reply. I noticed that the same malfunction happens only a few times. Because each work of art has always some microscopic flaw, perhaps it is not the case to investigate further. Thanks again for your accuracy and courtesy!

    Best Regards. Glhu.

    #118671

    Hey,

    Always glad to help. :)

    Cheers,

    Ismael

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘COHERENCE CAPTION TITLE SLIDESHOW ERROR ON SAFARI’ is closed to new replies.