I am trying to make a section where there are 2 cards, each one with a button and a small descriptive text. What I am trying to achieve is that when I click on the button 3 things happen: 1…
I'm having trouble figuring out how to add custom CSS to add spacing between a checkbox and text ( Ship to a different address?). Anytime I add margin or padding the whole element (checkbox + text) is moved. See picture…
I am having a problem with high CLS (Content Layout Shift) while using Bootstrap (4.5) grid for two column layout with column order change. CLS is a Core Web Vital metric. Basically Google sees a problem when webpage's parts are…
I need small white space between two text boxes. <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" /> <div class="row col-lg-12 col-sm-12"> <div class="input-group col-md-8"> <span class="control-label">Product Name*</span> <input type="text" class="form-control" placeholder="Product Name" id="productname" required> </div> <div class="input-group col-md-4" style=> <span class="control-label">Short Name*</span> <input type="text"…
I have asked this question before also, but the solution didn't work. I have a messaging website. I fetch the messages via AJAX with Java Script that runs per 1 second. The problem is that it fetch all the values…
I need to add css class .hovered on html element when hover, for this I created a small example snippet below. It has couple of issues. When I hover on a child element it shouldn't add .hovered class to its…
Im currently working on making onesie scrolling website but i came accross the problem. I want my text be on the centre of first "page" but i cant make it to looks good on phone and desktop at the same…
in the div have height 100% iframe,the parent shown Y scroll.why it overflow? .root{ position:absolute; height:100%; width:100% } iframe { pointer-events: all; width: 100%; height: 100%; border: 0; overflow-y: hidden !important; overflow-x: hidden !important; overflow: hidden; } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>…
I'm currently working on a challenge that requires me to obtain the following format in desktop: And the following in mobile: Where I'm struggling is trying to get the left and right info-boxes vertically centered with the center info-boxes (as…
I'm currently using WordPress with Elementor to build a new website. I'm creating the website in Chrome, and viewing the website in Firefox. When I make changes in Elementor in Chrome, and update/publish the changes, I have to press CTRL+F5…