Subrata Sarkar

It is hard to tell from your post about the correct location. However you can try this:

#page, #footerwidgets, #headersection{
max-width:1050px;
border-radius:0px 0px 30px 30px;
-webkit-border-radius:0px 0px 30px 30px;
-mozilla-border-radius:0px 0px 30px 30px;
margin:0.8em auto;
}

There are different ways you can do it.

1. If you are using bootstrap you can place your image and excerpt in two columns like

<div class="col-md-3"><?php the_post_thumbnail(); ?></div>
<div class="col-md-9"><?php the_excerpt(); ?> </div>
<div class="clearfix;"></div>

This will automatically put your image left to the excerpt and resize it.

2. Without bootstrap you can use simple float for your divs like:

<div class="float:left;width:30%"><?php the_post_thumbnail(); ?></div>
<div class="float:let;width:65%;"><?php the_excerpt(); ?></div>
<div style="clear:both;"></div>

Also you need to make sure your image is responsive, i.e. in your stylesheet you write the following rule:

img{
  width: 100%;
}

Hope this helps.

To decreases space between lines you would use line-height property, i.e.

p{
   line-height: .8em; /* decreases space to 80%. default is 100% or 1em */
}

To add a spacing of 1.5 you can try this:

p{
   margin-bottom: 1.5em;
}

You can combine the above two rules into one:

p{
   margin-bottom: 1.5em;
   line-height: .8em;
}

Hope this helps!

Looks like you have already made it. It actually turns to light beige when I hover over the said button.

You can try !important with your rules so that it looks like:

a{text-decoration: none !important;}
a:link{text-decoration: none !important;}
a:hover{text-decoration: none !important;}
a:visited{text-decoration: none !important;}

Or you can write them all in one line like:
a, a:link, a:visited, a:hover, a:active{text-decoration: none !important;}

Hope this helps.

For me it works. In my category page I have this:

<?php get_header(); ?>
    <?php
        //false -> stops displaying title on screen.
        $cat_name = single_cat_title('', false);

        $this_cat = get_category_object($cat_name);
        $cat_id = $this_cat->term_id;
    ?>
    <?php
        $args = array('category' => $cat_id, 'post_type' => 'trips');
        $posts = get_posts($args);
        foreach($posts as $post) : setup_postdata($post); ?>
            <h1><?php the_title(); ?></h1>
        <?php endforeach;
    ?>
<?php get_footer(); ?>

For me Trips is a custom post type and all the categories are standard WordPress categories like yours.