Category "css"

Render a string in HTML and preserve spaces and linebreaks

I have an MVC3 app that has a details page. As part of that I have a description (retrieved from a db) that has spaces and new lines. When it is rendered the ne

How to make interactive active line when clicked with react

I have 3 lists of a clickable links, so when you click one you go to that section and the line too. so this is my code : <div className="description-containe

Only display Woo Commerce sub-categories based on selected Parent Category in a wordpress widget sidebar

I have a WordPress sidebar that I want to only display the children of the parent category. My structure is as follows All Products > Parent Category > Ch

How to create a grid layout that adapte based on the content height?

I would like to create a grid of two column, and the number of row will depends on the content of each elements. For example, the first child could be a list of

How to make the slider work in a BS collapse element?

So I am using Bootstrap to create my collapsable elements. I am also using a range selector cdn, and I'm thinking there might be some styles from the BS CSS, sp

How can I keep the text highlighted with JS?

I'm working on a conceptual project. Text reaveal on selection with highlight. I have to keep the text highlighted once it is selected. <div class="reveal" i

Issue while updated the styles from opactiy 0 to opacity 1 in angular through async call in html

Below is the piece of code I am using in angular <div class="root" [class.loaded]="loaded$ | async"> The styles applied to the class as follow div.root {

How do I get the background colour to change upon hover in a div dropdown

I have been trying to make the colour fill the entire dropdown relative to the text you are hovering but it is not filling the whole div element, only the space

How to create multiple themes using Tailwind CSS?

Looking at Tailwind CSS, it seems that you need to specify specific colors in your classes like this: <div class="bg-yellow-200 dark:bg-gray-800"></div

"SassError: The target selector was not found" when using SCSS Modules and Bootstrap in Next.js

I am using Next.js with SCSS Modules. I installed boostrap with npm install bootstrap. I then created a file called common.scss inside /public/scss/. I have the

make responsive flexible images that are rotated on a single line in tailwind css?

i want to recreate this effect that is visible on https://www.tella.tv/ in tailwind css: i tried to inspect their source code but i couldn't make it work in my

React Component SCSS available for all Components

I just started learning ReactJS and I made a Project with .scss For some reason when I add a style in a .scss file that style also changes other components' st

How do I make a Navbar with my logo and differentiate with my background color?

In my project I want my navbar to fully stretch to its end and increase its height. This navbar is not full stretched. Also, I want my logo would come before re

Suneditor insertHTML

I'm trying to use the function: insertHTML As per manual: editor.insertHTML('TEXTO DE TESTE', true, true); I created a button and put a jquery suneditor.insertH

How to make Ioslides a solid white background?

Ioslides for Rmarkdown have this gradient background, and I would like it to be solid white. I tried two different ways to remove the gradient effect using a cs

child is not fully visible inside an "overflow-x: visible" parent

two questions in the example below: why grida is not centered horizontally -margin: 0 auto why cins is not fully visible - parent is overflow-x:visible .gri

HTML5 Form validation message doesn't show when scroll-behaviour is set to 'smooth' on html tag in Chrome

I'm having a conflict when setting the scroll-behaviour:smooth attribute on the html tag when there are form fields on the page using HTML5 Validation. You can

How do I repeat headers and footers fixed to top and bottom of document with CSS in iText 7 using pdfHTML converter?

When I use the following HTML+CSS to produce a table with header and footer it repeats the header and footer on each page when printing and when converting to P

Stretch body when navigation element is being hidden

Whenever I toggle the menu on the left to slide away, I want the body element to stretch to full width, how can I achieve this? Is using translate option not go

Is it possible to stroke "transparent" with SVG.js?

I'm using SVG.js and want to draw an invisible border around a shape. I use the stroke() method to do this, and I thought just setting the opacity option to 0 w