blogpost edit design with css

Hey There,
I would like to change the design of Blogposts. (see link in privat content)
In this case I use elegant blog but I would like to set the Headlines to the left.
In the googledeveloper tool I found some code (when I changed text-align: from center to left, (see below) it worked out, but I don’t know how to insert it in quick css.

.html_elegant-blog #top .post-entry .post-title,
.html_elegant-blog .avia-content-slider .slide-entry-title{
text-align: left;
font-size: 30px;
text-transform: uppercase;
padding:0px 0 15px;
letter-spacing: 2px;
line-height: 1.3em;
margin-bottom:10px;
}

.html_elegant-blog #top .post-entry .blog-categories{
text-align: left;
display: block;
font-weight: bold;
position: relative;
}

I also found code for changing the size of the read more button but I do not know how to write it in quick css: (I changed width and hight in the google developer tool)
)
.html_elegant-blog .more-link {
display: block;
text-align: center;
margin: 20px auto 20px auto;
clear: both;
width: 100px;
height: 40px;
border: none;
border-style: solid;
border-width: 1px;
padding: 10px 0;
border-radius: 2px;
}
Would be very nice of you to help me!

br josephine

• This topic was modified 2 years, 8 months ago by josk-design.