Category "css"

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-

sticky sidebar in a post not working (tailwind)

I'm looking to make something similar to this As you can see, when you scroll the sidebar follows you. This is my code, i can't make it work: <template>

I am trying to display 3 columns in 1 row

In my shopify section I am trying to display a section like this that I can add to my homepage. The issue is that I am using a shopify liquid schema with the f

Wordpress ACF dynamic status bar

I am in the process of creating a order tracker using Wordpress, ACF, and a yet to be decided form plugin for use on the front-end. The back-end is working just

Email body contents get jumbled up if below html emailed

I am processing raw data with powershell then populating hash tables. Then i am generating report out of hash table. I am generating HTML file as a report. This

Element touching the edge of the screen on mobile (Material UI)

New to MUI. My element seems to be touching the edge of the screen on mobile. I tried adding padding and margins but it just squeezes the element. https://code

How to check in SCSS if a variable exists and ha a value?

I am new in SCSS so bear with me :) I have a use case where a SCSS variable --my-variable can exist and can have a value depending on some settings from the bac

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