Category : css

I am using an AdminLte template, which I use as a layout. In the part where I am going to put the content it is like this: <div class="content-wrapper"> <section class="content"> @yield(‘content’) </section> <!– /.content –> </div> In the view where I have the content to display I have: @extends(‘layouts.app’) @section(‘content’) <div> <img class="mx-auto my-auto ..

Read more

I’ve got problem with self-created sidebar in admin panel. It works fine on desktop, but I want that in mobile it should change position to top. At this moment it looks like this: LINK <div class="col-3" id="sticky-sidebar"> <div class="sticky-top"> <div class="card-body" align="center"> <h4>Admin Panel</h4> <div class="nav flex-column" align="center"> <div class="sidebar-menu-header"> <h5>Site</h5> </div> <button class="btn btn-outline-dark ..

Read more

I am trying to create a table which is scrollable within mobile view. Blade Below is the blade view which contains the table with the data which works fine within desktop view <div class="row"> <div class="col"> <div class="table-responsive"> <div class="table"> <div class="row table-head d-none d-md-flex"> <div class="col">Name</div> <div class="col">Email Address</div> <div class="col">Member Status</div> </div> @foreach($user->linkedUsers ..

Read more

I can’t see the icomoon icons in production because it returns a 404 error: GET /icons/icomoon.woff net::ERR_ABORTED 404 (Not Found) GET /icons/icomoon.woff2 net::ERR_ABORTED 404 (Not Found) I have the following code in public/icons/style.css: font-face { font-family: ‘icomoon’; src: url(‘icomoon.woff’) format(‘woff’), url(‘icomoon.woff2’) format(‘woff2′); font-weight: normal; font-style: normal; font-display: block; } I’ve tried to put the src ..

Read more

I am new to scss. I have a laravel project in which frontend is already build (pre-develope theme) . Now i am facing problem with working in scss. My folder structure look like this. I have installed gulp.js (installed fine) now when i create a new scss file it also regenerate the same file as ..

Read more

I am creating a chat app and I wanted to make a settings menu, so far I have this : Menu I wanted to make it when you click it, it slides a new window like this and overlaps the old section: Objective I am using Vue.js, I would like to know what would be ..

Read more

i need to create labels to print with the information that comes in $ labels. what happens to me is that there is a vertical list, I need them to be 3 horizontally how can I solve? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Document</title> <style> body { background: rgb(204,204,204); } page { background: white; display: ..

Read more

{{$product->id}} <img src="{{Storage::disk(‘local’)->url(‘products_image/’.$product->image)}}" alt="" /> <h2>{{$product->price}}</h2> <p>{{$product->name}}</p> <a href="{{route(‘AddToCartProducts’,[‘id’=>$product->id])}}" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a> </div> my route does no direct me when i click to the add to cart button Route::get(‘products/addToCart/{id}’, [ProductsCotroller::class,’addToCartProducts’, ‘as’=>’AddToCartProducts’]); !!!!!!!help me please i use laravel 8 latest version Sourc..

Read more

I am currently trying to style one of my pages for desktop, mobile and tablet but having issues with the tablet styling on one of my image containers. Sass code The below code contains styling for a container the media query being for mobile view which works fine. .product-provider-container { top: 50%; left: 1rem; transform: ..

Read more

I am using barryvdh/laravel-dompdf to load PDF’s in my application. I need to load custom fonts in the pdf. To do this, I downloaded my external fonts and copied the folder in storage/fonts. I have used css to get the fonts from my storage location as follows: @font-face { font-family: ‘Berlin Sans FB’; src: url("{{asset(‘fonts/berlin-sans/BerlinSansFB-Reg.woff2’)}}") ..

Read more

I want to style my input field which has type=file. I have attached a link for reference, i want it to have placeholder and that should be replaced by file name which i select. The Reference site link https://test4.glod.at/dashboard/artist.html enter image description here what you should look for in the website link Thanks in advance ..

Read more

I have a site where we have a parent html file where all other pages extend from so that the background is consistent across all pages. The looks like so (accounts.blade.php): <!DOCTYPE html> <html lang="{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script lang="javascript" src="/js/xlsx.full.min.js"></script> ..

Read more

Looking for a way to make the Text within the slider box fade out as the slider is moved. Preferably CSS keyframes triggered by javascript but I’m not sure if its possible with current javascript <!DOCTYPE html> <html> <head> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> </head> <style> .fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both} ..

Read more