Category "css"

How To Create a Horizontal Scrolling Menu starting from the centre?

How to create a Horizontal Scrolling Menu starting from the centre as shown in the image below? I need to add scrolling to my page. .vist { text-align: cen

Problem with my slider, it does not appear

I'm trying to make a slider for my website, but the slider I created is not rendering. I attempted to write only the slider's markup, which worked, however, it

html link focus and hover states does not work properly with css column-count in chrome

When i use css column-count i get the following focus issue: Part of the outline is shown in the previous column (see image) code example: ul { list-styl

Resize jQuery autocomplete UI according to the cursor position

I'm creating autocomplete feature for my own low level program executor.I need to get the autocomplete values near the alphabet typed like in VScode and other I

Flexbox - center vertically second row

I'd like to position second row in the center of container, but I can't figure out how to make it. align-self works in horizontal direction only - even if flex-

How to create a curve on the top of a background?

Please help me change the cutout from .top so that it is on top and not on the right. As shown in the image. Thank you very much in advance. I really hope for y

Javascript remove background color and opacity

How can I remove the background-color and opacity property using Javascript only (no Jquery!). I tried this: document.getElementById('darkOverlay').style.remo

add_action() function in wordpress not working [duplicate]

I am new in Wordpress and I am writing this code in my functions.php but it isn't working. This is my code: <?php function myFunction(){

Difference between Localhost and opening html file

What is the fundamental difference running a file using a server in localhost, and opening a file such as file:///Users/$user_name/$your_directory/index.html, a

Conditionally applying css to mat form field

I am working on an angular application and I am using mat form fields in it. For changing color of botttom border of mat form field I am using mat-form-field-ri

Unable to resolve path to module '@aws-amplify/ui-react/styles.css'

I am getting the error: Unable to resolve path to module '@aws-amplify/ui-react/styles.css' I am using the amplify authenticator component shown in the follow

HTML in OneNote Add-in API

I've created my own OneNote Add-in using Nodejs. I am having two issues. I've searched high and low and haven't found a solution. My add-in adds a new outlin

Bootstrap date time picker

I am trying to implement the date time picker as explained here https://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup, I have downloaded the js fi

How do I make images the same size on a page using HTML and CSS?

I need to make six images the same size, but everything I've done isn't working and so I'm here searching for help. Here is my HTML: <div> <h1>F

Use both Tailwind and SCSS with cssbundling-rails

In the Rails 6 project I'm working on, we're looking upgrade from webpacker to cssbundling-rails and jsbundling-rails. We currently use Tailwind with SCSS, but

How can I use custom classes in chapter titles with Asciidoc epub3 converter?

In the adoc file I define a chapter header like: == [big-number]#2064# Das Spiele-Labor For HTML that translates to <span class="big-number">2064</

Vuejs/Nuxtjs Unable to scope the styles to specific component when used with @import?

I am developing an application using Vuejs/Nuxtjs. I would like to import some styles from the external CSS file and would like to include those styles only to

How to remove unexpected white space above "page-break-before: always" CSS

For reproducible example, see this link - https://cbbanalytics.com/stats/27694/games/1864019/overview. On this page, we have added (via the class print-break) a

Change border-color of inputfield on firebase-ui

I am using firebase authUI. Here is a demo: Click on Sign in with Email I try to change the color of the 'blue' underline that is appearing when clicking in th

Two-column vertical-numbered lists with Flexbox

I'm sure this must be a duplicate, but I cannot find any related answers because so many people are referring to flexbox elements as "lists", when they're not a