css

[Solved] Move my site content up WordPress [closed]

by

Remove the padding in your css, comment it out body { overflow-x: hidden; /* padding-top: 80px; */ } The file is http://greatrateprint.website/wp-content/themes/printing-shop/style.min.css?ver=1.0 Learn to inspect your webpage it tools like chrome inspector. 0 solved Move my site content up WordPress [closed]

[Solved] user to change size of div using the row-resize cursor – like codepen.io [closed]

by

There are a million and one ways to do this, and I suggest you just use an existing framework like Dojo or something… But if you absolutely must have custom code, the general gist of it is create a container with relative positioning, then create embedded containers that are absolutely positioned according to the parent … Read more

[Solved] Unique Random DIV ID using javascript [closed]

by

Here’s a simple random string generator in a working snippet so you can see what it generates: function makeRandomStr(len) { var chars = “abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789”; var result = “”, rand; for (var i = 0; i < len; i++) { rand = Math.floor(Math.random() * chars.length); result += chars.charAt(rand); } return result; } document.getElementById(“run”).addEventListener(“click”, function() { var … Read more

[Solved] I want to add dynamic class

by

You mean like this? html <div id=”menu”> <ul> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> <li>six</li> <li>seven</li> <li>eight</li> <li>nine</li> <li>ten</li> </ul> </div> jquery var i = 0; var count = 5; $(“#menu ul li”).each(function () { if (i < count) { i++ } else { i = 1; } $(this).addClass(“item-” + (i)); }); 1 solved I want … Read more

[Solved] How to create a dotted shadowy effect on an image with CSS?

by

Mikel, you can’t achieve a silk-screen effect using CSS and a single image. It’s not going to happen any time soon, in any cross-browser compatible way. Maybe, eventually, when you can custom-program CSS filters using HLSL or similar… But for the time-being, even with near-ish-future CSS-filters, I don’t think that they’re going to offer silk-screen, … Read more

[Solved] HTML CSS hover not working

by

Add the style to the css, and .Menu should be .menu .Menu { width: 100%; height: 50px; position: fixed; background-color: #35f5ca; top: 0; left: 0; } .title { font-family:”Sans-Serif”; position:fixed; top: 1%; left: 0; vertical-align: middle; font-size: 150%; color: white; } .icon { transition: all 0.5s; width:40px; height:40px; position:fixed; right: 5px; top: 0.5%; opacity: 0.5; … Read more

[Solved] Would your website perform better if you created stylesheets for each screen size, rather than using a feature such as Bootstrap?

by

A quick test case shows that Chrome, at least, fetches all the stylesheets no matter what the media query says. This isn’t really surprising as users can resize windows. It holds true for device-width as well though. So there are no savings at all since all the stylesheets are downloaded. This comes with the additional … Read more

[Solved] Inline Html Elements

by

<!DOCTYPE html> <html> <body> <div>Text Here <button id=”button” style=”float: ‘right'”>Click Me!</button> </div> </body> </html> The code above works. You’ve missed the ”. Edited – added – It does work when you apply other styles, for instance: <html> <body> <div style=”color:blue;text-align:center; background-color:red”>Text Here <h1 style=”color:blue;text-align:center”>This is a header</h1> <button id=”button” style=”float: ‘right'”>Click Me!</button> </div> </body> </html> … Read more

[Solved] css3 works just on google

by

Internet explorer and Firefox use the standard extension rather than the webkit extension for animation. You need to add the standard css as well as the webkit vendor extension which would change your css to: #loading { margin: 80px auto; position: relative; width: 100px; height: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #ccc; font: … Read more

[Solved] why my css is not working with bootstrap ?

by

If you’re using bower, try adding the bootstrap dependency to your bower.json file as such: “dependencies”: { “angular”: “~1.3.3”, “bootstrap”: “~3.2.0″ }, and add the following to your index.html file (<link> in head and <script> with your other script tags at the bottom): <link href=”https://stackoverflow.com/questions/27298717/bower_components/bootstrap/dist/css/bootstrap.css” rel=”stylesheet”> <script src=”bower_components/bootstrap/dist/js/bootstrap.js”></script> Don’t forget to bower install in your … Read more

[Solved] How do I retrieve the actual string selector

by

Answer for updated question: How do I retrieve the actual “select#mysel” from the var mysel? example of how this might be used? var mysel = $(“select#mysel”); var myopt = $(mysel.actualstringselection + ” option”); So basically, you want the original selector string that you passed into $() in order to get mysel. You can’t get that. … Read more