Haven't been able to do this yet! Anyone know a way to disable the audio feature in ReCaptcha?
Thanks!
You can use CSS to hide the button:
#recaptcha_switch_audio { display: none; }
Related
Is there any way to remove "WordPress carousel free version" this text.
Wonder Plugin version 12.3
You can see carousel example here http://rashedulalam.info
This ought to do it:
.amazingcarousel-image > div {
opacity: 0 !important;
}
That said, the most moral way to do it would be to pay for the paid version
of the plugin. The plugin creator's time and effort were not offered to you for free unless you agreed to advertise for her.
Edit: $49/year/site for a carousel? highway robbery, hide away.
Go to plugin
wonderplugin-carousel-> engine folder-> wonderplugincarousel.js
Edit wonderplugincarousel.js file and search wtextcssdefault then change opacity:0.9 to opacity: 0
and save.
On the edit slider screen of the plugin click on Option tab.
Click on Advance Option and put following css in the Custom CSS box.
.amazingcarousel-item div.amazingcarousel-image :nth-child(3) { z-index: -99; }
I hope this is useful and it's working.
With version 12.7 (mar2018) work only the last solution here above, this:
On the edit slider screen of the plugin click on Option tab.
Click on Advance Option and put following css in the Custom CSS box.
.amazingcarousel-item div.amazingcarousel-image :nth-child(3) { z-index: -99; }
this is working newly updated by me
.amazingcarousel-image a { opacity:0 !important }
.amazingcarousel-image .wondercarousellightbox { opacity:unset !important }
I'm using Ionic2 I want to use my icons as I use Ionic Icons I've seen this link: custom ionic icons
but I Can't Follow the instruction and I can't understand what is the SVG icons, I don't want to make Icons I have Icons as images and I want to use It, can anyone help me!
You just need to change .svg to .png. Add this to your app.scss file
ion-icon {
&[class*="appname-"] {
mask-size: contain;
mask-position: 50% 50%;
mask-repeat: no-repeat;
background: currentColor;
width: 1em;
height: 1em;
}
&[class*="appname-customicon1"] {
mask-image: url(../assets/img/customicon1.png);
}
}
Uses
<ion-icon name="appname-customicon1"></ion-icon>
Credit: adjwilli.
Ok I have a pretty simple problem. In Chrome, Safari, and Firefox everything is fine and perfect. But in IE9 it is not.
I have CSS style set up for a couple different links.
.header a:link {
color:#fff;
background-color:#f00;
}
.content a:link {
color:#00f;
text-decoration:underline;
}
.nolinkcolor a:link {
color:#000;
background-color:fff;
}
Here is the problem when using the last css style .nolinkcolor it does not work at all on IE9 all other browsers it works fine. In IE9 it basically ignores the .nolinkcolor and uses the styles of the .header
I just want to know if this is known problem and if there a tweak of fix for it???
thanks
Please check you div like Your test. Also it matter parent container for link. If it is inside other container. you have to overwrite CSS. like:
modify CSS like:
body #parentContainerID or class a.nolinkcolor {}
.nolinkcolor a:link {
color:#000;
background-color:fff;
}
Make sure you include the # character in background-color.
Fixing that that, I'm not seeing any other issues in IE9:
JSFiddle test
I've been searching and searching for an answer to this problem and cannot found a solution.
I have added some custom styles to the CKEditor that add a margin-left to the selected text. The problem is that this causes the style previews to move to the right in the styles list. So much so, that they go off the right side of the dropdown. I don't quite have enough rep to post a screenshot unfortunately.
I would just like the styles in the list to have no preview at all if possible.
I have tried to add .cke_panel_listItem p {margin-left: 0px !important;} to my global.css and to the editor.css. I cannot override the inline style no matter what I do.
Any suggestions? Thanks in advance!
I was able to do this using the contentsCss config property. So:
CKEDITOR.editorConfig = function( config ) {
config.contentsCss = 'wysiwyg.css';
}
then in wysiwyg.css put your CSS code:
.cke_panel_listItem p {
margin-left: 0px !important;
}
I have some text in Photoshop & it's set to "crisp". When I put it on my site it doesn't quite look the same.
Does anything exist in CSS yet that I can use to make it crisp? Or not?
Or do you have any suggestions to achieve a similar effect?
Not only is it not possible, but different browsers on the market enforce different antialiasing settings, meaning that you can't get consistent results, even if they are not what you want.
For a good article on how the various browsers deal with font rendering, I'd suggest reading this: http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/
this is what I found on a big company's web site:
body, table, form {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
background-color: transparent;
color: #333;
-webkit-font-smoothing: antialiased;}
What you're really asking is:
"Is it possible to control anti-aliasing from the web development perspective?"
The answer, for now, and for at least some time into the future (until OS/browser vendors start giving that kind of developmental control [don't hold your breath]) is undeniably: NO.
Forcing AA is a myth
No way to smooth text
Use images to simulate AA
Forcing anti-aliasing using css: Is this a myth?
Try This code snippet
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}