Contents cramped together in webpage

What part of your site are you referring to? I don’t see anything that’s particularly hard to read.

The tab ‘ Why take health supplements’ …

Looks like you’ve got a bit of a CSS conflict with a plugin. You should get a custom CSS plugin and try this:

.hentry {
    line-height: 1.5 !important;
}

Thank you it works!
Another query: Where to adjust the width of the image slider in the first page is so that is smaller?
Thank you. Just love this theme, but I have no background in coding.

This is a bit complicated, but try this:

.camera_wrap {
width: 90% !important;
margin: 0 auto;
float: none;
}

.banner {
background-color: #dfdfdf;
}

This way, it will take up 90% of the window’s width, be centered within the window, and the empty area on the sides will be the same gray as your site’s background color.