Category "css"

remove unwanted space between body and footer

Hello i am new for css and html.. I need to remove the space between body and footer. Any help ? I want to add an image at the same lines with paragraph <!

remove unwanted space between body and footer

Hello i am new for css and html.. I need to remove the space between body and footer. Any help ? I want to add an image at the same lines with paragraph <!

How to tell if navbar is collapsed or not?

I have a navbar: <nav id="navbar" class="navbar fixed-top navbar-expand-md navbar-light bg-light"> <a class="navbar-brand" href="#"></a> &

Bootstrap 3.3.7 "row" causing horizontal scroll bar

Ok ok, I know. This question has been asked a lot. But, so far, I have not found a working solution. I boiled my page down to nothing but this: <div clas

How do I track clicks on <a> tag with span class inside using Google Tag Manager?

I've been trying to get GTM to fire a tag every time a user clicks on the link text below ("Click here to donate"). <a href="https://www.testurl.com/dona

How to replace next button with mat-chip in Angular Material stepper?

I am using angular material stepper, in the stepper i want to replace next button with mat-chip and act as same functionality as next button. Here is angular st

Style a Mapbox Popup's Pointer/Indicator

I am styling some popups for a map displayed through Mapbox using Mapbox's GL JS. However, I cannot find in their documentation regarding the classes that are a

How to add Owl-Carousel-2 completeness percent(%) status bar(not progressBar)?

First of all this is not about "progressBar", I need a completeness percent(%) status bar for owlCarousel-2, if there is any confusion in my question and descri

how to change the border colour of ng-select component to red?

The select component in my angular html template is displaying fine. However I want to display this component with a red border, currently it is displayed in gr

How to implement placeholder in a php file for moodle plugin?

Hello im new to moodle plugin development and I need to make the "Enter course schedule here..." in the third line disappear when I enter text. If im not mistak

Get input text width when typing

I have a input type text <input type="text" id="txtid"> When i start typing text inside input, i should be able to get the lenght of the entered text.

Mermaid change position of nodes / options Anyway to fix nodes' position

I'm trying to draw a flow chart in html. The flow must be configured as below. I've tried it in Mermaid like this <script src="https://cdnjs.cloudflare.

Remove new Firefox autofill color

A few days ago my Firefox Developer Edition updated to version 67.0b2 (64 bit). Since then all autofilled input fields have a yellow background, on literally ev

Certain media queries in my code isn't working, any suggestions on how to solve this? For instance the 320px and the 360px media query isn't working

The 320px media query is not working. The 360px media query is not working. But the other media queries are working. Any suggestions on how to resolve this?

CSS not working on table

The style settings i'm making for my table in my CSS file do not work in the html that i made CSS: body { background-color: #ccffff; } h1 { font-famil

Display only one row and hide others in CSS Grid

I want to show only the first row of the Grid and hide other rows. I know we can do this by using max-height and the @media queries, but in this case, the heigh

React native styling. width: percentage - number

I want to do width: 100% - 50 so I can add an icon which is 50 wide on the right hand side of it. I have got width: 100% - 20% working by using react-native-e

Bootstrap, container-fluid class can't change the padding

I follow some tutorial, and I can't get the correct result, because the padding doesn't work. When I write padding: 3% 15%; then the top and bottom padding is a

Change font of text on links in graph Mermaid

I want to change the font (color, size...) of the text on the link (Change_font), but I am not able to figure out. Can someone help? <script src="https:/

css resizeable div by dragging border not corner

While codding my own JavaScript-based resizable panel I figured that there's a nice new CSS3 style property that does that trick in a much cleaner way. But the