Card type tiles using <li> but may need a diferent aproach (or maybe not)

[login1]

First thanks for everybody on this forum for their help so far, really making a lot of progress.

So I am really getting there but have a couple of questions. The site in question is https://eventpuddle.com/. There are c couple of things I am wanting to do and it may be the

type is not appropriate.

Firstly I want to have slightly rounded corners.

Secondly I want to have a background colour for the main description box, currently if I put a background colour in I only gives me a background on the actual text, not the whole box.

Any pointers would be spiffing;)

[ronpat]

Please check the validity of the HTML on your page using the HTML validator

https://validator.w3.org/nu/?doc=https%3A%2F%2Feventpuddle.com%2F

You can click the small button that says “Message filtering” for a summary version.

If you do not understand how to fix these 152 errors, we will be glad to refer you to appropriate resources.

[PaulOB]

@login1

Firstly I want to have slightly rounded corners.

Try this:

.top{border-radius:4px 4px 0 0;}
.footer{border-radius:0 0 4px 4px;}

(I think you could have worked that one out for yourself :))

@login1

Secondly I want to have a background colour for the main description box, currently if I put a background colour in I only gives me a background on the actual text, not the whole box.

As your header and footer have background colours you can simply apply a background to the whole element.

e.g.

.wrap li {background:red;}