CSS spacing issues

Dev Shed Forums Sponsor:

January 20th, 2013, 04:56 PM

pooperdooper

Registered User

Join Date: Jan 2013

Posts: 2

Time spent in forums: 22 m 41 sec
Reputation Power: 0

New Member - CSS spacing issues

Hallo!

Hi any CSS Superheros out there willing to help a damsel in distress?

I have a couple of questions. I see I'm not allowed to post urls as a noob but I assure you I'm not spamming or selling anything. Please see the site I’ve listed below this paragraph in regards to these questions. I am using Google Chrome browser as I build the site and Genesis framework on Wordpress to house the site.

designdr.com.au/christies/

So I have 3 questions and I have popped up an image that shows these problems with RED MARKS on so it is clear.......

designdr.com.au/christies/wp-content/uploads/2013/01/problems.jpg

A) The featured slider area: There is a white bar appearing above the 3 images I have uploaded to that area. How do I get rid of this white bar?

B) Just to the top left of the feature slider area is a small black circle. How did this appear there and how do I remove it?

C) In the ‘Latest News’ section in the bottom right of the homepage: how do I add some padding underneath each of the [Read More...] lines so there is a bit of separation between the end of each post and the title of the next post?

For my question C) I found in the CSS file this code:

.home h2 {
margin: 0 0 5px;
}

Then I can add spacing by adding padding like this:

.home h2 {
margin: 0 0 5px;
padding-top: 5px;
}

Except then the 1st post moves down out of alignment also. How do I add padding to just the 2nd and 3rd posts on the homepage and not the first?

Thanks very much, I hope someone can help?
Andrew

January 20th, 2013, 07:18 PM

DonR

Contributing User

Join Date: Oct 2009

Posts: 462

Folding Points: 29722 Folding Title: Starter Folder

Time spent in forums: 2 Weeks 1 Day 23 h 36 m 9 sec
Reputation Power: 216

to fix A & B, open your style.css file goto line 137 and look for

Code:

ul li {
	list-style-type: circle;
	/*list-style-image: url('sqpurple.gif');*/
}

and change to

Code:

ul li {
	list-style-type: none;
	/*list-style-image: url('sqpurple.gif');*/
}

To fix C, same file (style.css) goto line 1333 and look for

Code:

.featuredpage .page,
.featuredpost .post {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

and change to

Code:

.featuredpage .page,
.featuredpost .post {
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-bottom:20px;
}

you can change the 20px to whatever you decide.

Comments on this post

pooperdooper agrees: AWESOME and generous help - suggested exactly what I needed. Thanks so much

January 20th, 2013, 08:24 PM

pooperdooper

Registered User

Join Date: Jan 2013

Posts: 2

Time spent in forums: 22 m 41 sec
Reputation Power: 0

DonR - you are a gentleman and a scholar.

MUCH APPRECIATED, thankyou so much.

edit: I tried to add a reputation point for you but I guess cos I'm new I can't

New Member - CSS spacing issues

Developer Shed Advertisers and Affiliates