-
Posts
-
Hi,
I am imbedding a Blurb book into my Enfold site and using the code they provide but the image size is way too small. Does anyone know what to change in the code that would make the previewing image much larger?
Here is the Blurb provided code:
<iframe id=”data-blurb-bookshare-2659807″ src=”https://www.blurb.com/bookshare/app/index.html?bookId=2659807″ width=”100%” height=”100%” frameborder=”0″ scrolling=”no” allowfullscreen=”allowfullscreen” data-bindattr-21=”21″ data-bindattr-22=”22″ data-bindattr-23=”23″ data-bindattr-24=”24″><br />
</iframe>And here is a link to the site page with the problem:
https://www.gregorybeylerian.com/pole-dance/
Thanks in advance for any help on this,
GB
Hey GB,
Thanks for contacting us!
It seems to be related to CSS attached to flipbook-viewport class however since it is an iframe, it is not possible to overwrite those CSS rules.
Have you contacted Blurb regarding the issue?
Best regards,
YigitHi Yigit,
I was waiting to hear back from you but I have just emailed them the same question.
In the mean time, Blurb also has the option to spit out this code, is this more modifiable:
<div class=’share-on-blog’ style=’margin: 2px;vertical-align: top; font-size: 14px; font-family: arial; color: #000; max-width:300px;padding: 20px;border: 1px solid #f5f5f5; text-align: center; display: block;margin: 5px auto;’>
<p style=’margin: 5px;’><script id=’metamorph-99-start’ type=’text/x-placeholder’></script>Pole Dance<script id=’metamorph-99-end’ type=’text/x-placeholder’></script></p>
<p style=’margin: 5px;’>By <script id=’metamorph-100-start’ type=’text/x-placeholder’></script>Gregory Beylerian<script id=’metamorph-100-end’ type=’text/x-placeholder’></script></p>
</div>Hi,
Could you please post the code here using http://www.pastebin.com/ so we can test it on our local installation? :)
Best regards,
YigitOk, I went to that link and pasted the code in, is that all I have to do?
Sorry, never used pastern before?
Or am I supposed to paste back here this?:
Hi,
Thanks for sharing the link!
I tested the new code and it basically links to Blurb but you can make the image bigger by adding following code to Quick CSS in Enfold theme options > General Styling tab.share-on-blog { max-width: 800px !important; } .share-on-blog img { max-width: 800px !important; max-height: 800px !important; }Best regards,
Yigit
- The topic ‘Imbedding Blurb Book for sale into Site, Image too small.’ is closed to new replies.