Category "css"

SVG Path Fill Colour with CSS

I've seen lots of people posting this, and they all seem pretty happy with their answers. However I cant get my path fill to actually work, http://jsfiddle.ne

Chrome doesn't support `font-family: "Arial Bold"`?

In Chrome v75 Windows 10 font-family: "Arial Black" works, but font-family: "Arial Bold" doesn't. They both work in Edge. I know I can still use font-weight.

Text Animation Glitches on Small Screens

Looking at the following codepen: https://codepen.io/codeams/pen/Ksbcz, I noticed that the animation would glitch if you shrank the window (i.e., the text wraps

How to I bring my sticky navbar in front of the contents on my page?

I'm using wordpress and bootstrap and I have a a navber that sticks to the top of the page when scrolling, problem is it falls behind some of the contents on th

Text Animation Glitches on Small Screens

Looking at the following codepen: https://codepen.io/codeams/pen/Ksbcz, I noticed that the animation would glitch if you shrank the window (i.e., the text wraps

How do i remove the blue outline from a radio box when focused?

I would like to remove the blue outline it gives me when my radio is clicked/focused. I tried using outline: none and border: none, but nothing seems to be work

div doesn't take the whole height / is not 100%

here is the live link: http://mrgsp.md:8080/a/Account/SignIn the main div (green one) doesn't take 100% of the screen height you will notice this only if you

Evenly space a gallery of images

I have a gallery of images, each of which have the same width and height, say 10px. I want them spaced so that there are 5 on a row and they are each 5px apart,

inline-block div with and without text not vertically aligned

I have two divs side by side. Both have the same size and display: inline-block. The only difference between the two is, the first one has some text and the sec

scaleX increasing automatically in keyframes

In this example it is clear why the grow animation works: @keyframes grow { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } Howe

Images (inside divs) stacking instead of being inline

I'm trying to place a series of images on my website, and I want them to flow side by side and automatically wrap to the width of the container div. I made a se

Using webpack to load CSS files from node modules

I'm trying to use a react component that includes a css file. I'm requiring the component as usual: var Select = require('react-select'); I'd like to know ho

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; }

Trim whitespace in link with css

Is it possible to trim whitespaces with css? In the code snippet below there is a extra whitespace in the <a> tag. The link comes out of a wordpress plugi

Trimming image corners with border-radius set on parent div doesn't work in Safari

I have an image placed inside a div, the div has rounded corners which works as a mask to hide the image corners and display it as a circle. It works in all bro

Center aligning a fixed position div

I'm trying to get a div that has position:fixed center aligned on my page. I've always been able to do it with absolutely positioned divs using this "hack" left

CSS selector for first element with class

I have a bunch of elements with a class name red, but I can't seem to select the first element with the class="red" using the following CSS rule: .home .red

CSS selector for first element with class

I have a bunch of elements with a class name red, but I can't seem to select the first element with the class="red" using the following CSS rule: .home .red

CSS selector for first element with class

I have a bunch of elements with a class name red, but I can't seem to select the first element with the class="red" using the following CSS rule: .home .red

How to apply <span> tag to My Cart top link in magento?

I have changed texts My cart to My Shopping Bag in top links through below code. public function addCartLink() { $parentBlock = $this->getParentBloc