CSS code for Fiore theme on Wordpress

Question

I would like to adjust the CSS code for the Fiore theme on Wordpress. My URL is theuniversalasian.wordpress.com. It is an upgraded premium wordpress account.

With the upgrade, I am able to edit the CSS, but a number of problems are happening. If you could help me with the code, I'd appreciate it!

1. I want to make a white background for the post texts. When I do that, it moves the date, comments, edit links on the left side. I would like those to stay up top near the post title ribbon. At the moment, the site does not show the changes I wanted because I keep fiddling with the code....

2. If possible, I'd like the white background for the text to have rounded corners....

3. The left column somehow loses the graphics....There should be a top cherry blossom graphic like the original theme ( http://fioredemo.wordpress.com/ ), along with the rest of the ribbon image for the post titles.

I cannot paste the entire code here..., but hopefully you will know what I mean from the site...

Answer 1

For the first two, I'll work on the last now, you needed to locate the .entry-content class in your css file.

The first style I added was the background: #fff; which added the white background and then I added border-radius: 7px; which gives it rounded corners.

.entry-content {
   color: #2b2b2b; /* changed to black font since you wanted a white background */
   width: 300px;
   padding: 10px;
   border: 0 solid #000;
   margin-left: 10%;
   margin-bottom: 10px;
   margin-top: 10px;
   background: #fff;
   border-radius: 7px;
}

For the third question, I am not 100% positive but since you removed the nav on your site I believe you removed the image as well. For some reason on the template page I can not find any styles when you inspect an element. The image is apart of the nav/header area so this is just my best guess.

EDIT: Moving the comment/date block around.

.entry-meta {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    width: 150px;
    top: 0;
    left: 35%;
}