[Solved] Some thing wrong in my CSS slider

From what you’ve given us, it looks like you’re using a font icon (maybe font awesome?) in a css :before or :after pseudo class. If this is the case, the reason your arrow is not showing is because you are not loading the font correctly. Firstly, you need to define the custom font on your … Read more

[Solved] CSS for text inside a ribbon/pennant type shape [closed]

There are multiple ways to do this. But you can split it in 2 separate shapes. Rectangular shape ( background of the text ) and a triangle using a pseudo element. See below Tweak around with the border values of the after element to achieve exactly the shape you want. span { position:relative; color: white; … Read more

[Solved] Whats wrong with this CSS/HTML code? [duplicate]

Everything ‘pops up’ because you’ve got a height declaration in the hover attribute but not the original li definition: #nav li:hover { background-color: #24389b; height: 25px; } The problem with columns is almost certainly because you’ve got the left to float left and the right hand one to float right – as far as I … Read more

[Solved] Why my site doesn’t look good on other browsers? [closed]

First off, You should use a reset / normalize script in your css. A good one is Eric Meyers’s. Include this at the beginning of your stylesheet. /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, … Read more

[Solved] Having issues in filtering with product list with data attributes

Here is the JS code you need to modify: var a=$(“input.brand”); var b=$(“input.store”); var brand=new Array(); var store=new Array(); $(‘input[type=”checkbox”]’).change(function(){ if($(this).is(“:checked”)){ $(‘#prod >div’).hide(); if(this.className == “brand”){ console.debug(“brand checked”); brand.push($(this).attr(‘id’)); }else if(this.className == “store”){ console.debug(“store checked”); store.push($(this).attr(‘id’)); } console.log(brand+”,”+store); displaydivs(brand,store); }else{ $(‘#prod >div’).show(); if(this.className == “brand”){ var index = brand.indexOf($(this).attr(‘id’)); if (index > -1) { brand.splice(index, … Read more

[Solved] CSS Animation Line Grow on Hover [closed]

See below. Hope this helps .read_more { font-family: “Gotham SSm A”, “Gotham SSm B”; font-size: 20px; color: #002c77; letter-spacing: 0; text-align: center; line-height: 28px; font-weight: bold; text-transform: uppercase; } div { position: relative; display: inline-block; } div:after { content: “”; height: 3px; width: 20px; background-color: red; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); } … Read more

[Solved] How to fade animate background images (full size) [closed]

This is how I would do it with a couple of jQ lines: var $bg = $(‘#bg’), $bgDIV = $(‘div’, $bg), // Cache your elements n = $bgDIV.length, // count them (used to loop with % reminder) c = 0; // counter (function loopBG(){ $bgDIV.eq(++c%n).hide().appendTo($bg).fadeTo(3000,1, loopBG); }()); // start fade animation *{margin:0; padding:0;} body{ width:100%; … Read more

[Solved] How can I change the word “comment” in a Squarespace6 blog using CSS? [closed]

There isn’t really a nice way to do this with CSS, but it can be done. Let’s say you have the following markup: <span>Comment</span> Adding a psuedo-element with :after will produce something like “CommentSign the Guestbook”: span:after { content: “Sign the Guestbook”; } Then you can hide the actual text and reposition the replacement text: … Read more