Using tab application in Face book,i am unable to set the height of the iframe which is always set to 800.
I have tried so many variations but nothing works for me.
FB.Canvas.setSize({ width: 640, height: 1480 });
FB.Canvas.setAutoResize();
FB.Canvas.setAutoGrow();
By the way i am using v2.9.
Can you please suggest me how to remove the scrollbar and show full page ?
Related
I have made the sidebar sticky by using fixed sidebar plugin but the sidebar disappear when scroll back to top I have tried many other plugin but they're not working. This
https://willowdaleequity.com/blog/acquire-69-unit-georgia-apartment-complex-press-release/
is the url of the website on which I'm facing the issue.
Please help me with this problem. I'm using Hub theme by Liquid Themes on my website.
I've also tried following custom css code instead of any plugin but it's also not working.
position: sticky; top:100px; bottom: 100px;
Your plugin is addding position relative when scrolling to top, is there any option in your plugin to change position if on top
add this css and it will show
figure.wp-block-image.size-full.is-style-default.my-sidebar.FixedWidget__fixed_widget {
position: initial !important;
}
Just apply below CSS and you issue will be solved.
CSS Code:
figure.wp-block-image.size-full.is-style-default.my-sidebar.FixedWidget__fixed_widget:not([style*="position: fixed"]) {
position: initial !important;
}
If you still find issue please let me know
Thanks
i have problem in my wp-website , theme (pure)
the problem with theme pure is .. it takes every image .. increase its width to the span's width ( span 8 = 90% ) which is great with normal pictures but some of my posts have smily faces and rating stars .. resized to the max in very bad way
i kept tweaking around and i found that
in theme.css
.fw .contentarea .span8 img {
width: 100%;
height: auto;
}
when i change the 100% to 15% .. the smiley faces became normal but also the featured images inside the post.
i would like to make a conditional statement inside the css to ask it to ignore resizeing images if its smaller than 100px
second part of the problem is .. pure theme have tons of great features but its a full width theme .. there is no side bars ...
i want to create a sidebar on it so i can add login detail,feeds-scroll & some ads for my website.
my website is nut-job.co .. i have installed a nice chat system on it so u guys can came and chat with me and tell me what to do/try live ... if i am online.
There is no real conditions in CSS as it's not a programming language. But you can for example add .responsive class to all images that need to be responsive and change the CSS to
.fw .contentarea .span8 img.responsive {
width: 100%;
height: auto;
}
I have Login and Sign Up forms.
Both are opening in Lightbox.
Login have Link to Sign Up and vice versa.
Links are working properly, but the issue is sign up box's height is 600px while that of login is 250px. So, When navigating from login to sign up, its opening with 250 height and scroll bar appears which gives ugly look.
I want Sign up should open with 600px height even when I am clicking it from login which have 250px height.
I am using thickbox.js for lightbox
What I tried is:
function signup() {
window.location="sign_up.php?TB_iframe=true&height=600&width=330";
}
If your forms from same domain then you can try this code before navigating iframe to another link:
window.parent.$('#TB_window').animate({
height: 600
});
So if you changing iframe location with signup function then you should modify it
function signup() {
window.parent.$('#TB_window').animate({
width: 330
height: 600
});
window.location="sign_up.php?TB_iframe=true&height=600&width=330";
}
I'm using a jquery plugin to create an image slider with thumbnails underneath.
My goal is to have the main image's background be bg.png, with the thumbnail section background be wood.png.
I've changed the CSS to what I believe to be correct(see below), but the background of the thumbnail section isn't extending the full 961px, it's restricted to the 921px width I've established with the main image. I have a feeling this might be due to nesting within the plugin's php/jquery, I'm just not sure how to go about altering it to work. If that is the case, how do I fix it? If it's something else, how do I determine what it is/how to fix it?
thethe-image-slider.php
timthumb.php
live site
Thanks.
CSS
.thethe_image_slider.white-square-1{
background: url('../images/bg.png');
}
.white-square-1 .thethe-image-slider-thumbnails{
background: url('../images/wood.png');
margin-top: 20px;
margin-bottom: 40px;
width: 961px;
}
find this line
<div class="thethe_image_slider white-square-1" id="thethe_image_slider323" style="width:921px;"><div class="thethe_image_slider_inner" style="width:921px; height:392px;">
and change to this
<div class="thethe_image_slider white-square-1" id="thethe_image_slider323" style="width:961px;"><div class="thethe_image_slider_inner" style="width:921px; height:392px;margin:0 auto;">
in your code
Move your thethe-image-slider-thumbnails div out of your thethe_image_slider white-square-1 div but inside the gallery div. Works fine for me then.
My website has a feature where users can select audio from a drop down box, when they do so $.post function is called, it outputs a div with the audio player (auto starts). The problem I have is that I do not want users seeing that audio player, when I use .hide(); the audio player does not work in firefox, but works in other browsers. If I set the audio player width to 0px, it will not work in safari. I tried formatting the div via css
#sound {
width:0px;
height:0px;
} but it does not take any affect (yes, the name is correct). So is there any alternative to hide the div with it working on all browsers. Btw, the audio player is flash swf file.
$('#sound').css({position: 'absolute', width: '1px', height: '1px', left: '-999px', top: '-999px'});
or
$('#sound').css('opacity', 0);
both are hacks, though
addition after some of the comments (not sure if works for him or not yet):
$('#sound').css({position: 'absolute', width: '1px', height: '1px', overflow: 'hidden'}).find('embed, object').css('margin-left', '1px');
Did you not try using the CSS properties of display:none; or visibility:hidden;. You can even set these properties on browser detection.
Try this:
$('#sound').css('visibility', 'hidden').hide();
Try opacity:0; or visibility:hidden;
If you hide the flash movie most browsers are smart enough to understand that it doesn't need to initialize it.
So, you could give it a very small width and height, set wmode parameter to transparent or opaque when embedding it (which allows you to place HTML elements on top of it) and then place a white div on top of the flash movie. Placing html elements on top of a flash to cover it will not count as hidden, no browser it that smart. Yet :-)
Is #sound the audio player itself, or a wrapper of it? I believe if you hide a wrapping div, it could work.