6 months ago

Cannot apply css to blades

Posted 6 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>
<link rel="stylesheet" href="{{ URL::to('src/css/main.css') }}" class="stylesheet">
    <!--<script src={{ URL::to('src/js/app.js') }}></script>-->
    <div class="container">

Another blade:


    <section class="row new-post">
        <div class="col-md-6 col-md-offset-1">
                <h3>Post Title</h3>
            <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">
                <button type="submit" class="btn btn-primary">Search</button>
                <input type="hidden" value="{{ Session::token() }}" name="_token">

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.