Home › Forums › CSS › [Solved] How to shorten paragraph width › Reply To: [Solved] How to shorten paragraph width
Thanks Soronbe,
I appreciate what you said about the unnecessary use of an empty p in the two column solution of my first page! I have corrected that.
I’m sorry but I must ask you about the use of % in
p {
width: 10%;
}
Wouldn’t this cause a problem with the responsive design where everything else in this Genesis theme counts in pixels?
Wouldn’t the best be to match the
.wrap {
margin: 0 auto;
width: 1140px;
}
with a
p {
width: 668px;
}
?
And if so, where in the code below is it to be added?
/* Defaults Genesis Minimum 2.0.1
———————————————————— */
body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
color: #3e3e3e;
font-family: ‘Open Sans’, sans-serif;
font-size: 19px;
line-height: 1.5;
margin: 0;
padding: 0;
text-decoration: none;
}
blockquote,
input,
select,
textarea,
.author-box,
.sticky,
.taxonomy-description,
.wp-caption {
background-color: #f5f5f5;
}
input,
select,
textarea {
border: 1px solid #ddd;
}
input,
label,
select,
textarea {
color: #3e3e3e;
font-family: ‘Open Sans’, sans-serif;
font-size: 14px;
}
li,
ol,
ul {
margin: 0;
padding: 0;
}
ol li {
list-style-type: decimal;
}