Cannot apply css to blades

Posted 3 months ago by abarua

I have the following html elements and I want to change its layout, but cannot make it work. Did I link the css file right? What am I doing wrong? Thanks in advance!

Master blade where I link the css file:

<!doctype html>
<html>
<head>
    <title>@yield('title')</title>
<link rel="stylesheet" href="{{ URL::to('src/css/main.css') }}" class="stylesheet">
    <!--<script src={{ URL::to('src/js/app.js') }}></script>-->
</head>
<body>
    @include('includes.header')
    <div class="container">
        @yield('content')
    </div>
</body>
</html>

Another blade:

@extends('layouts.master')

@section('content')
    @include('includes.message-block')
    <section class="row new-post">
        <div class="col-md-6 col-md-offset-1">
            <header>
                <h3>Post Title</h3>
            </header>
            <form action="{{ route('post.create') }}" method="post">
                <div class="form-group">
                    <textarea class="form-control" name="content" id="content" rows="5" placeholder="Your post here"></textarea>
                    <div class="form-inline">
.
.
.
<div class="search">
            <header><h5>Search Friend</h5></header>
            <form action="{{ route('search.friend') }}" method="post">
                <div class="form-group">
                    <input class="form-control" type="text" name="email" id="email" placeholder="Friend's email">
                </div>
                <button type="submit" class="btn btn-primary">Search</button>
                <input type="hidden" value="{{ Session::token() }}" name="_token">
            </form>
        </div>

I wanted to change the background of the 'new-post' using the following but it didn't work.

.new-post {
    padding: 16px 0;
    border-bottom: 1px solid #ccc;
    background-color: green;
}

Please sign in or create an account to participate in this conversation.