#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    2
    Rep Power
    0

    Question 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
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    876
    Rep Power
    276
    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
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    2
    Rep 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

IMN logo majestic logo threadwatch logo seochat tools logo