Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] How to shorten paragraph width Reply To: [Solved] How to shorten paragraph width

#176594
nyfiken
Participant

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;
}