Category : css

I have a bootstrap table but my contents are too long so I use text-overflow but cannot change td width. they are still huge. How can I fix this? here’s my table: <table class="table "> <thead> <tr> <th class="">ID</th> <th class="">Image</th> <th class="">Image2</th> <th class="">Created</th> </tr> </thead> <tbody> @foreach($project->products as $product) <tr> <td ><span class="product-table-text"> ..

Read more

i want to add some fontawesome icons to status of user when is active or inactive …etc iam trying with this code <td> <select class="statusSelect" data-id="{{$user->id}}"> <option {{getStatus($user->status) == ‘Active’ ? ‘selected’ : ”}} value="a"> <i class="fa fa-minus-circle text-danger"></i> <strong>{{__(‘home.active’)}}</strong> </option> <option {{getStatus($user->status) == ‘Wait’ ? ‘selected’ : ”}} value="w"> <i class="fa fa-minus-circle text-warning"></i> <strong>{{__(‘home.wait’)}}</strong> ..

Read more

I recently migrated from bootstrap 4.6 to bootstrap 5, all the problems I dealt with except one: when compiling with laravel-mix, the primary class takes an incorrect value for the text color. I haven’t edited any bootstrap files myself, I haven’t created my own class with that name. Example button code: <button type="button" class="btn btn-primary">Week</button> ..

Read more

I have a span ("numberCounter") containing a number that I styled to have a fade layer: I cannot use "float:right" correctly on it is there a solution to position it in the right part of the div without using (left right margin-left margin-right) ? <section class=”horizontal-timeline” id=”timeline” style=”background-image: url(https://www.nicepng.com/png/detail/197-1971420_timeline-timeline-png.png) !important; background-size: cover;”> <h2 id=”timeline-title”>là où ..

Read more

working with Laravel and I have following welcome page </head> <body> </div><!–container–> @include(‘partials._footer’) @endsection @else @section(‘fixx’) <p>Rivers</p> @endsection @endguest </body> </html> and app.blade.php @guest <main class="py-4"> @yield(‘content’) </main> @else <main class="py-4"> @include(‘partials._nav’) @yield(‘fixx’) @include(‘partials._footer’) </main> @endguest _nav.blade.php <link rel="stylesheet" href="{{ URL::asset(‘css/nav.css’) }}" /> <div class="d-flex" id="wrapper"> <!– Page Content –> @yield(‘one’) @if(‘Auth’) @yield(‘two’) @endif </div> ..

Read more