Can’t find CSS lines to edit!

  • Hi,
    I’m putting together a fairly simple site for a charity, working free of charge.
    I’m not a complete newbie at design, but am new to both WordPress and CSS.

    For this site (mcccharity.org) I’m modifying a free profile with the charity’s own artwork and colours.

    What I’m trying to do is, make the posts appear in a white box with a 1px border, on a background that is the same colour as the overall page background. I cannot, for the life of me, find the lines of code that I need to modify in order to do this. I managed everything else you can see, just by a process of trial and error, but this has me completely stumped!

    Am I even looking in the right place (CSS)?

    Any advice appreciated, many thanks indeed!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try editing style.css and changing:

    .list-3 li.i {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
min-height:1px;
padding:0 0 20px;
}

    to

    .list-3 li.i {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
min-height:1px;
padding:0 5px 20px;
border:1px solid #000;
}

    PS: i was still testing, while esmi posted – so this is a independant, different approach:
    step1:
    in the style.css: add the line ‘background-color:#eae8c6;’ here to determine the background of the inner page:

    .side-padds {
	padding:20px 20px 20px 20px;
	min-height:1px;
background-color:#eae8c6;
}

    step2:
    add at the end of style.css:

    .i {background-color:#ffffff; border:1px solid #abb273;}
.i p {padding:10px;}

    i hope, this is what you intended – good luck ??

    Thread Starter aga1

    (@aga1)

    Esmi,

    My CSS stylesheet doesn’t quite match what you wrote, so I tried Alchymyth’s solution first. It’s worked, although I need to adjust the box contents slightly so they’re not pressed up against the edge.

    But many thanks both of you for your prompt response at such a late hour (well, it is late here in the UK anyway!:))

    these changes in the margin should get the calender and the comment logo off the edge:

    .calendar {
	background:url(img/calendar.gif) no-repeat;
	width:47px;
	height:53px;
	line-height:100%;
	position:absolute;
	margin:10px auto auto 10px;
}
    .comments {
	padding:0 0 0 25px;
	margin:0 30px 0 10px;
	background:url(img/comment.gif) 0 0 no-repeat;
	font-size:11px;
}

    optional this change in margin will push the title down a bit:

    .title-1, .title-1 a {
	font-size:19px;
	font-weight:bold;
	margin: 10px 0 3px 0;
}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can’t find CSS lines to edit!’ is closed to new replies.