[email protected]

Solved! ->

ul {
list-style: square outside none;
margin-left: 0;
padding-left: 1em;
}
li {
padding-left: 0em;
}

Code also takes care of the ‘hanging indent’, now lining up perfectly.

For Photostat theme added following extra css, now it’s much better:
.slide_info h2{ font-size:40px; font-weight:600; line-height:50px; color:#fff; margin:0 0 00px; display:inline-block; text-shadow:1px 1px 6px #555; }
.slide_info h2 span{ color:#dd3333; font-weight:900; }
.slide_info p{ font-size:14px; padding:1px; margin-bottom:10px; text-shadow:1px 1px 6px #111; }
.slide_info h2 a{color:#dd3333; }
.slide_info .slide_more{ background-color:#dd3333; color:#fff; padding:10px 20px; font-size:16px; color: #fff; display:inline-block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; }
.slide_info .slide_more:hover{ background-color:#555; color:#fff; }

Please let me know how I can change the button text? Thanks.

Solution found!

Step 1
place your logo in the theme. You are asked to ‘crop’ the image, do so and add.

Step 2
place in custom css (adjust to your own logo width):
.logo img {
height: auto;
width: 358px;
}

Step 3
view your website and right-click the logo image ‘view image’. You can see the address of the logo. Is something like : http://www.yourdomain.com/wp-content/uploads/2017/04/cropped-yourlogoname.jpg. Rename your logo to the appropriate filename and upload again (overwrite).

All done!