I'm having some issues with the Facebook Like and Send button.
I'm using XFBML for the buttons, in Wordpress, Blogum theme.
But the problem is that when the Like or Send button is clicked, the flyout where you can give reactions and so on, disappears under other objects on the site.
To check it all out for yourself, see:
http://zephyrhet4e.nl/2012/06/frisse-wind/
at the bottom of the post we have the Like and Send buttons.
I would like to see that the flyout goes above all the other content on the webpage.
Is somebody able to help me with this problem? Thanks a lot!
The .post_content class in style.css line 80 has overflow:hidden. Because your Facebook buttons are at the very bottom of your post content div, it is hiding them when they overflow its borders. Change this to overflow:visible and the Facebook flyouts will be visible (though you may need to check that this doesn't affect other site elements).
Related
I have a problem: the title of my website doesn't appear until the mouse is moved. On the phone only when your finger touches the screen. Does anyone have an idea what the problem is? I use the Inspiro Theme. Do you need more information?
This is my website: https://dev-friedl-bau.pantheonsite.io/
Have a look in your CSS and Class items looks like you may have a hover instance.
.site-branding
This could be your problem!
I currently have anchor tags in my main navigational menu, which when clicked will open the corresponding accordion item below. The problem I am having is, when you click on the anchor link, the accordion will open 1/2 way down the inside content, and you cannot see the accordion header/title. It is almost like it opens at the bottom of the content.
Everything seems to work with no problems in Firefox and Chrome, but the dreaded IE will not behave.
Does anyone have any suggestions or ideas?
Thanks much!
Jen
I'm developing a website and on its home page I have some sliders.
When I use these sliders I used to get horizontal scroll. I managed to fix that using overflow-x:hidden; at the css for the body element.
My problem is that When I click and drag the page to the right the scrollbar doesn't appear, but the user have the same effect as if he was using the scrollbar.
I received the html/css from a third part front-end developer and I'd prefer not to have to modify his css much.
Would you have any tips to fix this behavior without having to do further changes in the html/css structure?
Thanks in advance for any help.
How can I edit the styling of these part of google +1 button? kinda hard for me to explain the detail in english. so I make this picture
I know it's located inside an iframe, some says that we couldn't edit the styles inside an iframe which sourced from other domain. but apparently, I have successfully styled my facebook like button to be looking good (transparent on the border). And also, I saw some other sites which have a nice looking google +1 button (without those blocking solid white background)
Edit: possible solution:
Looking at the markup and css on the page below it looks like somewhere in your css you must be setting the background-color of the div that the bubble is contained in to white or #fff. Try something like:-
.pls-container {background-color:transparent}
Do you have a link to this page, or a site that has a +1 button which has the same rollover so people can experiment? It would be easier to give a definite solution then...
Edit: just had a look here at the +1 buttons (at the top of the post and in the sidebar at the right) these both appear to be transparent borders - so there must be something different about your page. You could try looking at that page as an example and see where you've gone wrong, but without the code to your page it will be very difficult to give a solution to your problem directly.
I have a series of scrollable divs on a page. When a DIV gets scrolled to say the top and the user keeps scrolling it starts to scroll the page up instead (not so much on Firefox) but on Safari and Chrome it does.
This is annoying, and I notices that on Facebook, the activity monitor, friends online and chat window do not do this. If your mouse is in the div the you can only scroll that div not the page when you reach the top or bottom.
How have they done this?
Marvellous
Facebook use a custom scrollbar instead of those that come with the browser (at least, for the friends online sidebar).
Custom made controller = custome made control. :)