Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #20740

    http://www.silverlakecookie.com/patriotic-virtual-catalog/

    I am trying to use this page flip plugin, but the pages are all off center? can you think of any CSS I can add to fix the issue?

    thanks , as always!

    #108888

    Hi,

    This will fix it. Please add it to you /css/custom.css file or to quick css located in backend Replete > Theme Options > Styling … at the bottom of the page.

    #top .page-content.even, #top .page-content.odd, #top .page-content.last {
    position: relative;
    top: -10px !important;
    left: -40px !important;
    }

    This code will fix the other problems: missing shadows on bottom, move buttons lower

    #top .flipbook div.fb-shadow-bottom-right, #top .flipbook div.fb-shadow-bottom-left {
    right: 0px !important;
    bottom: -54px !important;
    }

    #top .fb-nav.stacked {
    top: 30px !important;
    }
    #flipbook-container-0 div.page-content div.container img.bg-img {
    width: 510px !important;
    }

    http://www.clipular.com/c?2302326=MtPbU5JbndfuMGMMnxKpIpgUzZE

    Thanks,

    Nick

    #108889

    HI Nick,

    thanks zoo much…that fixed almost all of it but two things are still messed up…

    1. When there is one page showing, not a spread of two, like the cover its way off center.

    2. when you double click to zoom in its just all messed, try and you will see.

    thanks again for such great support!

    -Michael

    #108890

    Hi Meichael,

    For #1, its an easy css fix:

    #top .page-content.first {
    position: relative;
    top: -10px !important;
    left: -40px !important;
    }

    For #2 its a bit more complicated. This mostly fixes the issue:

    #flipbook-container-0 div.page-content.zoomed div.container img.bg-img {
    width: 1020px !important;
    }

    But you’ll still run into issues when the theme is viewed on a mobile device and it responds because of the inline styling that gets added. It isn’t perfect but its not an officially supported extension/plugin so tweaks are pretty limited on our end (though this is 90% of the way there as is).

    Regards,

    Devin

    #108891

    Hi Devin,

    thanks so much, I think its just fine! thanks so much!

    -Michael

    #108892

    Glad that Devin got you back on track. Enjoy the theme!

    Nick

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

The topic ‘CSS conflict, I think…’ is closed to new replies.