Remove sorting arrows in jQuery DataTables

I am using the jQuery DataTables plugin. Is there a way I can get rid of the little arrows they display in the headers to indicate sorting options ? I would like to keep the functionality that by...

How to display 3 buttons on the same line in css

I want to display 3 buttons on the same line in html. I tried two options: This one: <div style="width:500px;"> <div style="float: left; width: 130px"><button type="submit" class="msgBtn"...

CSS method to select all elements with any id

I want to select all h2 with any id. I've tried h2#* which is invalid, and I've tried attribute selectors h2[id*=''], but this won't accept a wildcard, and leaving it empty (as above, nothing...

Metronic/Bootstrap: How to always expand subitems in the left Navbar?

I'd like to habe the subitems in the left nav-bar always expanded, see here: http://i.imgur.com/lScAPXf.png But even when I click on the arrow, only ONE item is expanded at the time. When clicking...

How to merge images in PHP?

I have two images which are loaded from an external URL. I want to place one image on top of another (keeping the size). I actually don't know the sizes of the images as they are from an external...

Webdriver: How to find elements when class name contains space?

Each of the "7-pack" search results here contains a number of reviews e.g. "5 reviews", No reviews" etc. The class name for each is fl r-iNTHbQvDybDU. It contains a space, so if I try...

what is different between devicePixelRatio and dppx?

I have do some research about devicePixelRatio and dppx: deicePixelRatio: returns the ratio of the (vertical) size of one physical pixel on the current display device to the size of one CSS...

Text not wrapping inside a flex container

I managed to use the Flexible Box Layout Module for a lot of things, however when it comes to paragraphs I'm experiencing this issue: When I use a small amount of text everything works as...

Chrome's Autofill Leaves Greyish Corners on Rounded Input Fields

Let's say someone is working on a web site that allows users to create a profile. This designer really likes the way input fields look with rounded corners, but Chrome's autofill feature is doing...

Adjust height of owl-carousel

Currently the owl-carousel that I have employed in my website is far too tall, as it takes up more than the full screen. From the demo on owl-carousel for one image per slide it appears that it is...

Print php table to pdf

I have a table generated by PHP and a lot of MySQL query. It looks like this: I need to print this table to a PDF file. I've tried TCPDF and it works great but it doesn't support external CSS....

Error in my CSS? Unknown @ rule: @-ms-keyframes

I am trying to add a moving picture banner onto my website with some basic pictures. I don't need anything fancy, just want a slideshow feel. I don't want to have to download any third party...

Cannot read property 'style' of undefined -- Uncaught Type Error

I would like to change the color, fontsize and font weight of the text in a span element of the html page. I am using the following code: if(window.location.href.indexOf("test") > -1){ var...

li :before content: "✔ "; different color on some mobile devices

I write css to make li tags better. Everything is ok on laptop and my mobile phone(lenovo vibe 1) and asus zenfone 5 But when Itested on Iphone 5 and Galaxy Note3 my color (rgb(240, 230, 140))...

How does the "position: sticky;" property work?

I want to make the navigation bar stick to the top of the viewport once a user scrolls the page, but it's not working and I have no clue why. If you can please help, here is my HTML and CSS...

How can I create a transparent background for discord with CSS?

I am at my first year programming and just learning Java this is why I am completly lost with CSS and need help. I want to edit this code (not mine) ===== CUSTOMIZABLE COLORS ===== :root {...

Css mask not working on Chrome (Webkit)

I have a problem: I made a picture with some layer and wanted to mask them with the mask css property. It works fine on Firefox, whereas on Chrome it doesn't even with the -webkit- prefixe. Here...

Reverse background-position animation without resetting

I created an animation with CSS that changes the background-position of an element over time, to create a sort of scrolling effect with the background. @keyframes stars-animate { 0% { ...

Scroll if element is longer than parent, center if it's shorter with CSS only?

I'm in a situation where a certain element can have very short or very long content without me having any way to know which is going to be the case. The way I would like to handle this is that if...

How to remove outline in bootstrap 4

I want to remove textbox outline in bootstrap 4 but its not working. How can I remove this line? CSS #content #main-content input[type=text]{ border: 0; border: 1px solid #ccc; height:...

How to keep three select tags in a single line?

In this example, I have used three select tags for months dates and years but I need them in a single line. I have tried display: inline-block; but there was no change at all. <form...

Change to a relative color on hover in modern CSS

I want react to hovering on a link: /* mouse over link */ a:hover { text-decoration: none ; border-bottom: 1px dotted ; } …to alter slightly the background color around the text....

How do we change linear-gradient of background image using javascript DOM?

document.querySelector('.image').addEventListener('mousemove',(e)=>{ document.querySelector('.image').style.backgroundImage = 'linear-gradient(to...

react-table tbody is not vertically scrollable

I'm using react-table along with styled components and trying to make a tbody scrollable with sticky thead. I've tried to set a height to a parent container and then set tbody overflow-y to auto,...

DinkToPdf display on every page

I want to display a header on every page of the PDF i get with DinkToPdf. I know I can use the HeaderSettings class, but I cannot edit that text (I want to add a background color). Is there any...

bootstrap 5 popover with html content

I am trying to get separate the bootstrap5 popover content from the HTML attributes like you can do with other components, but I can't get it to work. var popoverTriggerList =...

How to override mui class?

I'm trying to override a default class on a material ui component but I'm unable to target it. Can someone please help me target it ? My style: const useStyles = makeStyles((theme: Theme) => ...

Why are the colours of the table cells overlapping in my CSS table?

I am using CSS in a .RMD file for R and am outputting a HTML file which produces tables. I am then converting the HTML file to PDF. The following image is the issue I am facing, the colours of the...

Hide block when entering footer

I have a block that appears after scrolling 200px on the page const navShareLink = document.getElementById('navShareLink'); document.addEventListener('scroll', function(e) { if(window.scrollY...