Currently, I am utilizing Angular Drywall to construct my website. By default, the alignment is centered which does not suit the template requirements that call for it to occupy the full 100% body width.
body{
width:100%;
margin-left:0;
padding-left: 0;
background-color: yellow;
}
While this CSS styling successfully renders the background color as yellow across the entire viewing area, the content within the template itself remains centered.
Is there a way to override this center alignment?
Thank you.
EDIT: I have minimal code available but have included two images showcasing the current appearance and desired outcome.
<h1>Work Bench </h1>
<div class="col-lg-3 left">
<div class="input-group resize">
<input type="text" class="form-control" placeholder="Search Element"/>
<span class="input-group-addon">
<i class="fa fa-search"></i>
</span>
</div>
</div>