Category "css"

how i can make smaller the checkmark of Angular Material Checkbox?

I have been two days searching if there's any way to change the checkmark size, I have read others post, about how to change the checkmark color https://stackov

React-table hide column entirely

I have this table in react-table with the following columns: const columns = useMemo( () => [ { Header: "Id", accessor: "id",

span contenteditable Firefox 93

I'm using the contenteditable attribute as Inputfield for a span and for ussual it worked fine, but now I've the Problem, if I select more than 1 Line in Firefo

How do I format a header separate from my grid layout?

Not sure if I have to format the Header as part of the grid. I tried placing the body selector before the container tag. Also tried using position absolute in t

Spans with display:none is not showing the space bars in firefox

We had a use case where some spans with display:none is added to our content editable div. So when the user somehow lands on the span and tries to add content,

FontAwesome icons are not showing, Why? (Font-awesome/4.2.0)

Fontawesome icons are not showing up .I want to add them inside the footer .My css and html file's are in the same directory.But the icon's are still invisible.

How to equally space an element between two elements from a header in HTML and CSS

I have a header that includes a logo and a logout link. The header is in an external page which I include using the tag. I then have a title in the HTML file u

Get the list of items in table

This is regarding Robot Framework scripting. I want to get the items in the column "Model Name" and then verify user clicks on column header to sort the items c

h1 element in div behaving differently with other divs

So I have looked everywhere on stack overflow and counldn't find someone with a similar issue. I have two classes in the main body with a few different images i

Apply css class to a <div> generated by an <ng-template> within the <ngx-datatable-column>

I am trying to apply display: flex property to the parent <div> of my <span> but since the is generated by the ng-template of the ngx-datatable-col

My table border doesn't want itself not to be collapsed

I was trying to make a table with borders but suddenly they disappeared. I tried border-collapse: separate; but it didn't work. I am using bootstrap too. Is it

Woocommerce - hide an element if logged in, show element if logged out

i've found the following code to make an element change to display:block; if a user is logged in .logged-in .price{ display: none; } and also <?php if ( i

how to center modal and have it come underneath the link button?

I have a front page that has 4 links, and each link is suppose to open up a modal. However for instance on the first link 'Vente' in my code the modal only come

Set CSS colours from server side

Background We currently have large client site in Optimizely (ASP.NET MVC) which hosts many, smaller sites, for their regional markets and large, important cust

Performance improvements for split screen with scroll overflow

Edit: Turns out the performance problems only happen during development. Once Gatsby builds the project, everything runs well. I'd be curious to hear if anyone

Position a button on the right of each row with overflow-x

I want to add a button next to each row of my table. Plot twist, the table is inside a div with a fixed width and overflow-x for responsiveness. I want the butt

Tailwind CSS No Utility Classes Were Found

Trying to get Tailwind to work via CLI instructions here. I've got a (simplified) file structure of -public -stylesheets -styles.css -tailwind.css -v

Min and max width issues [duplicate]

I used the @media (min-width:320px) and noticed my design from mobile scaling back to desktop had inherited my mobile design. changed to max-w

Trying to position searchbar in nav

I made a nav bar, and I'm trying to add a search bar to it, but I can't seem to position it. I'd like to have the search bar show on the right side of the nav b

How to set up the counter when it is detected

In my project, there should be a counter. I have used the "reveal function". I want the counter to start when it goes to "reveal function". And when the bottom-