Category "css"

CSS: How to scale an <img> to cover entire parent <div>? [duplicate]

http://jsfiddle.net/Log82brL/15/ This <img> isn't shrink wrapping as I would expect with min-width:100% I'm trying to shrink the <im

Text not wrapping in paragraph element

I have two floated divs, side by side, with p tags inside. The text within the p tags does not wrap and just overflows the container, as you can see in the text

Align Buttons Side by Side Bootstrap

I am trying to align my two bootstrap buttons side by side (horizontally), right now they are aligned one on top of another (vertically). I have found a few que

Invalid Property Value on background-image

.up { background-image: url('/design-library/profound_test/images/cab_images/white-arrow-up.png') 50% 50% no-repeat; } This code is giving me an 'invalid prop

How do I center an image in a table in Outlook

What is the correct inline css to move text or an image center in Outlook. Any time I open it in a browser, it looks great but the bottom image and text always

Select arrow style change

I'm trying to replace the arrow of a select with a picture of my own. I'm including the select in a div with the same size, I set the background of the select a

why does display:table break absolute position on safari only?

how it should be and looks on chrome and firefox: how it looks on safari: removing display:table fixes the positioning, but i need that for the styling (

Edit line thickness of CSS 'underline' attribute

Since you can underline any text in CSS like so: h4 { text-decoration: underline; } How can you also then edit the 'line' that is drawn, the color you get on

Bootstrap CSS for wide and boxed layouts

I am using Bootstrap and I need two layouts for wide and boxed. And I want to easly toggle (change) between layouts when needed. EDIT : How can I do like this

Background color overridden even after reversing the order of CSS layers

I want to use the new CSS cascade layers feature supported by latest versions of Chrome, Firefox, Safari, and Edge (see the support table). I'm importing a styl

How to style an HTML5 Progress Element as Circle/Pie with pure CSS

HTML5 introduced a new "progress" element that by default is rendered as a progress bar (thermometer). A very basic example is: <progress max="100" value

How can I change the size of bootstrap slider?

Jsfiddle link is https://jsfiddle.net/gzp0pcot/ I am using Bootstrap slider from https://github.com/seiyria/bootstrap-slider I tried to change it using css

data-offset in Bootstrap Scrollspy is not offseting at all

Any value I set to data-offset for scrollspy does not work at all. Here are the relevant html, css, and js code: HTML <nav class="navbar navbar-fixed-top

CSS how to make an element fade in and then fade out?

I can make an element with an opacity of zero fade in by changing its class to .elementToFadeInAndOut with the following css: .elementToFadeInAndOut { opac

<label> element splits to multiple lines

I have a <label> element in my ASP.NET core MVC project, that splits to multiple lines instead of showing in a single line. I've inspected the element in

Add a transform value to the current transforms that are already on the element?

Let's say I have a div that had translateX and translateY values added dynamically. <div class="object child0" style="-webkit-transform: translateX(87

How to position a dialog box to the centre of a window

Can anyone please tell me how to position a box to the centre of the window using JQuery. I will paste the code below :- $("#address_book").click(fu

How to change placeholder color on focus?

How to change the color of placeholder when focus the input field? I use this CSS code to set the default color, but how to change it on focus? ::placeholder {

How to change placeholder color on focus?

How to change the color of placeholder when focus the input field? I use this CSS code to set the default color, but how to change it on focus? ::placeholder {

Generate solid colors using CSS linear-gradient (not smooth colors)

Assuming my linear CSS gradient looks like this: background: linear-gradient(to right, red 0%, green 20%, blue 40%, purple 60%, yellow 80%, black 100%) It wil