Does anyone here know how to style a normal button like the famous Facebook button? i have already developed the code, but i need to see whether the experts here do know how to do this or not. Post in your codes if you can do Style a normal button like facebook button.
UPDATE
I did not post this question myself. I guess someone else used my profile by some means to do this. Sorry for the disturbance created by this question. I myself want the moderators to delete this. PLEASE.
You can make any button look the way you want using an image:
.button {
background-image:url(yourimage.png);
width:...px;
height:...px;
border:none;
}
Related
I want users to be able to login to WooCommerce if not. But the loginblock is not visible. When inspecting the site I find this:
form.woocommerce-form-login{display:none !important}.woocommerce-form-login-toggle{display:none !important}.woocommerce-EditAccountForm fieldset,.woocommerce-EditAccountForm label[for='account_email'],.woocommerce-EditAccountForm #account_email{display:none !important}
But I cannot find where the code is added? And thus I cannot edit it. Does someone have some idea?
In your browser's inspector you should be able to find out where this css code comes from.
How can I remove the text YouTube on my website's youtube subscribe button? I tried to apply some styles to target the text but still displaying. I want to apply some style with the button. Please see the fiddle below:
JSFiddle: https://jsfiddle.net/jc47r8ys/2/
Not only can you not remove the text, I would go so far as to say it may be a violation of YouTube’s policy to do so. You can not access the text using a script, as it falls under the same origin policy and they are smarter than to let you use simple CSS to accomplish this.
They do, however, allow you to customize your button as per their pre-determined guidelines.
Sorry to disappoint, hope this helps.
The text "YouTube" is coming from the following CSS file:
https://www.youtube.com/yts/cssbin/www-subscribe-embed-webp-vflp1Z4Vh.css
(Open the link and you search for "YouTube")
I'm not sure, but you might be able to override it. (turns out you should not)
I've styled and prepared my Contact Form on my website (using Wordpress plugin called Contact Form 7).
I've styled the form, and made everything as I want it. But I only have one problem. I can't figure out how to enter custom text in a specific part of my contact form.
This is the page: http://digesale.com/contact-us/
You will obviously see an empty part in the upper right corner of the form. I want to write some text there. I tried googling for a solution, and I tried looking through the plugin's settings and even php files. I can't figure it out.
Can anyone help?
Thanks
You can add the code where you are adding the fields in contact form 7. You can do customize there by your own html.
Okay guys. So I managed to do it. I went into Contact Form's settings. And I added the following:
<div style="float:right; width: 365px; margin-top: -160px; font-weight:bold; margin-right:10px; font-style:italic; font-size:13px;">MY TEXT AND LINKS AND EVERYTHING</div>
You can see how it looks if you check the page using the link in my original post.
Now, if anyone sees a mistake or something I could do better, do tell? I used CSS to position and style the text and everything. I hope I did it well to work on mobile and all devices and everything. I'm an amateur with this stuff. I can get things done, but don't even start with cross-device compatibility and stuff like that. :)
I have spend lot of time fixing it. Can you please let me know what am i doing wrong. I know it is related to overflow: visible property. But I have tried to put it almost everywhere in the code but no luck. tried using firebug as well. maybe i am not able to use it correctly.
Below is the link to my site.
http://kunalchichkar.com/2011/05/heir-hunters-on-their-way-are-you-lucky-enough/
Any help is appreciated.
Thanks,
Kunal
Probably you have used some plugin to show social sharing bar above your post.
Plugin you have used to share post in facebook might have used iframe so comment frame is not being display after user likes the post.
If iframe is used to share any post in facebook, comment popup will not be display.
See documentation in facebook plugin development link for more detail:
https://developers.facebook.com/docs/plugins/like-button
Read FAQ carefully. You can find your question's answer exactly there. There is question and answer for "When I click the Like button, the comment popup window ('flyout') doesn't show. Why?"
Hope, it will be useful for you.
I am trying to set up functionality similar to Netflix. Where if you mouseover a movie - you are presented with a window of movie details (all client-side).
At high level, can someone in this forum help by telling me how this should be implemented? I.E., one or more .aspx pages, what would go in code-behind, and .js file, css, etc. Just trying to get an idea on how this would be set up to work.
Basically, when I hover over an item, I need to query for details that belongs for that record being moused-over and display it in the window or div. I also need to have some functionality in that window (i.e. a textbox and button which will end up needing to get saved in a database).
Thanks for any tips and suggestions -
You would want to add an AJAX call to the hover event of the image, that pulls from a webservice/web method.
Here is a good example, you would change some things. However, it should get you started.
http://www.mikesdotnetting.com/Article/96/Handling-JSON-Arrays-returned-from-ASP.NET-Web-Services-with-jQuery
If I understood your question correctly, you should try this excelent jQuery plugin:
http://www.sohtanaka.com/web-design/css-on-hover-image-captions/
Look at the demo here:
http://www.sohtanaka.com/web-design/examples/image-hover/
easy to install and configure and very slick!
Good luck
EDIT: sorry wrong lik the first time
There are certainly many jQuery plugins that will do this for you. jQuery UI may also be of benefit.
Here is one that appears to do something like you are describing:
http://plugins.jquery.com/project/VisualLightbox