-
Posts
-
Hey,
Do you know why the whole width of the Deals in New York widget is not visible.
http://www.newyorkinspiration.com/test-deal-widget/
The code looks like this:
<div id=”b_container”></div>
<script id=”sp_widget” src=”https://aff.bstatic.com/static/affiliate_base/js/booking_sp_widget.js?ss_type=city&ss_id=20088325;aid=1136962&target_aid=338660″ async=”” type=”text/javascript” data-hash=”_d569d78b959b755b” data-container=”b_container” data-size=”’450×400’” data-tpncy=”true”></script>Any code I can add in order to adjust this?
Thanks
CharlotteHi Charlotte!
Thanks for getting in touch with us!
You can try the following CSS code to adjust the width:
.avia_textblock iframe { width: 350px !important; }Regards,
JordanHi Charlotte :)
Yes, it would work but it would be better if you enabled custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your text block element and give it a custom CSS class and then change the code to following one
.your-custom-class iframe { width: 350px !important; }Cheers!
YigitHello again.
I have added the CCS field input and created a 3 column as you can see here:
http://www.airlinestaffrates.com/deal-finder-widget/
but for some reasons the results ends up in the first column…. not when you look in the html code but as you can see live.How can I fix this?
Thanks
CharlotteHi! Charlotte!
Do you mind creating a temporary admin login and posting it here privately?
Regards,
YigitHey!
That is weird. Where do you get your code from? Are there any other alternative codes? Currently all iframes load under the same container
Cheers!
YigitHey.
I got the code from Booking and they posted it herehttp://codepen.io/pauljamesgo/pen/EKexQm
Hello Yigit,
As you can see now I change the width to 260px in the code and the CCS because maybe the problem was that 3 in a row would be to wide. But still the same problem and now also the code:
.dealwidget260 {
width: 260px !important;doesn’t seem to work.
Any idea what is wrong?
Thanks
CharlotteHi,
In the codepen, there’s a data-size=’350×400′ attribute in the given script. Have you tried to adjust that?
Best regards,
IsmaelHi,
Yes, I have with second columns code:
<div id=”b_container”><script id=”sp_widget” src=”https://aff.bstatic.com/static/affiliate_base/js/booking_sp_widget.js?ss_type=city&ss_id=20023181;aid=1136962&target_aid=336401″ async=”” type=”text/javascript” data-hash=”_d569d78b959b755b” data-container=”b_container” data-size=”300×400″ data-tpncy=”true”></script></div>
and the ccs for that is
.dealwidget300 {
width: 300px !important;
}but that does not work either….
Hi,
login does not work anymore. Please check and let us know when we can access your backend again.
Best regards,
AndyHi Andy,
you can login with this now, thanks!
( I don’t want to leave the login for a long time as another of our sites got hacked when the login was posted here in a Private content field)Hi,
The widget looks good on my end similar to the codepen example. You may not see the changes until the cached files are cleared in your browser. Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.
Best regards,
VinnieVinnie……read the first post!
You are referring to the wrong site.This is where the problem is: http://www.airlinestaffrates.com/deal-finder-widget/
Hi,
but for some reasons the results ends up in the first column…. not when you look in the html code but as you can see live.
It end up in the same container because the value of the “data-container=”b_container”” attribute is set to the same container which is “b_container”. You should create new divs with different class attribute.
Best regards,
Ismael
- The topic ‘Whole width not visible’ is closed to new replies.