Category "css"

how to get the pop up images all the same size and in the centre

I have been asked to create an image gallery for a test website for a mini project at work with a few other people. I have created the gallery and the pop up im

Does the CSS position relative have a performance impact on DOM rendering?

I have a habit of setting position: relative on most of my DOM elements when I apply a display style. .something { display: block; position: relative;

Change font color for select option placeholder without required

I am trying to change the color of a select place holder. This can be done if the element is set to required and this CSS is used: select:required:invalid {

Storefront child theme still load parent CSS

I have a problem with the Storefront child theme. I created a Storefront child theme like they suggest here: https://docs.woocommerce.com/document/set-up-and-us

How do you remove the x-axis from a bar chart produced by Google's Visualization API?

Referring to the kind of chart shown here: http://code.google.com/apis/visualization/documentation/gallery/barchart.html There doesn't seem to be a simple swit

Unable to get prime-ng table pagination dropdown to hover over everything

I have been using mat-tab in conjunction with prime-ng table and have been trying really hard to make sure that pagination drop down number doesn't get clipped

Why does my mousefollow method not work on different browsers

Here is a link to the code pen https://codepen.io/shahman28/pen/mdXraRE This is a part of a larger project that I am working on. I am attempting to place circle

How do I have different Hero (background) on different pages

I have different CSS for every page. I already tried some tutorials, but that one Hero does not want to disappear. How do I remove that one Hero? Using React v.

is there a way to prevent repeating code in html I'm using bootstrap 4 collapse like 20 times in one page

<div class="card" style> <div class="card-header" id="headingOne"> <h5 class="mb-0"> <button class="btn btn-lin

On max-width of CSS Media Query

I see the above recommendation for max-width for mobile phone, tabled and screen. Is that a best practice for max-width settings for different devices? If not

getting error "lessphp fatal error: failed to parse passed in variable @heading_font_weight:"

My wordpress site is showing error- "lessphp fatal error: failed to parse passed in variable @heading_font_weight:" Please help.

How to solve unexpected errors from a CSS selector

I am learning SASS. I am trying to make a webpage using SASS. There is some error showing in the CSS file generated from the SASS file. Here is the CSS code: .l

How can I fit a img into a div wholly?

.flexbox-item-1 { min-height: 300px; min-width: 300px; border: 3px solid red; overflow: hidden; /* background: url("./Zodiac_Logos_jpg/Aries_zodia

Live server installed but not working in VS code

I have installed the live server extension but the browser does not update after I save my HTML or other files. What might be causing a problem?

How to align the icons on the right to the center of the navigation bar?

I want to align the social media icon on the right in the center of the navigation bar along with the navigation link and logo. I'm trying to do something like

unordered list bullets don't work on safari

I have a simple unordered list with a custom bullet (>> instead of a Disc Bullets). It is working on Firefox, but not on safari. On Safari my bullets beco

Why don't my class styles apply to dynamically created elements? Angularjs

My question is simple; why don't my class styles apply to dynamically created elements? I am creating a search bar here where I generate an li per matching resu

Is mixng plain CSS "style" with Bootstrap "class" good practice?

Is using plain CSS inline "style" and React-Bootstrap "className" at the same time a bad practice? <FormControl type="search" placeholder

Blazor Animation - set div to display: none after animation ends

Recently I have implemented some animations but I am having some problems when the animation ends. I have a div structure for responsiveness, that shows a menu

how to clip a circle inside a shape

It's a rectangle inside a shape。 -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%