WordPress.org

1. theorganisedhousewife
   Member
   Posted 1 year ago #

   Hi I am running the Yashfa theme.

   I don't like how after I have a Header or bullet point the next text line is directly under the header/bullet point, not giving correct spacing like the remainder of the post. Therefore I have to double return. I would really prefer to have normal spacing exactly as I am typing in this post. I don't know the correct terminology sorry.

   I would also love a tip on how to change the bullet point to a circle not a square.

   Thankyou. Your help is much appreciated.
   http://www.theorganisedhousewife.com.au

2. Elixr
   Member
   Posted 1 year ago #

   Hi There,

   I'm not sure I understand your spacing issue. Can you provide an example of how it looks?

   For the bullet point issue, you'll want to look in your style.css file for this entry:

   .entry ul {
   		list-style: square;
   	}

   And change it to:

   .entry ul {
   		list-style: disc;
   	}

   for a filled in circle

   or this:

   .entry ul {
   		list-style: circle;
   	}

   for an open circle

3. theorganisedhousewife
   Member
   Posted 1 year ago #

   Thankyou, the disc is exactly what I was after, can I now ask is there any way to make it a little bigger??

   This is an example of my text, with bullet point and the following line directly directly under the bullet. When I am typing the post I do a double enter after the bullet to stop the bullet points, it appears to have a blank line inbetween the bullet and the next paragraph but when i preview it and when it is published there is no space.

   •I won’t reply until after the challenge so I don’t muck up the random.org winner pick.
   Winner will be chosen on Wednesday, 9th December 2010 at 12:00pm (QLD time). Any entries received after this time will not be considered. Open to Australian residents only. Winner will be chosen using random.org. Winner will be notified via email. I will also announce winner at the top of this post

   This is my normal paragraph text, when I press return it leaves a space between paragraph:

   Ok, I started a little early, we decorated the tree on the weekend, we went with a aqua, pink and purple theme.

   I have been reading the many comments left on the Challenge: What is your family Christmas tradition post and facebook and

   I know I am not making much sence I am sorry, but this problem is irritating me as i think it makes my text look messy and not consistent. What I want is the same blank space between paragraphs, headers and after bullet points.

   Thankyou again for your help.

4. Elixr
   Member
   Posted 1 year ago #

   You know, I think the only way that you can really control the look of a bullet point is to use an image instead of the browser default disc. I mean, you could change the size of the list, but that would be for the whole list and not just the bullet point itself.

   For the spacing issue, you can add a margin to the bottom of it, so that there's always a space.

   Try this:

   .entry ul {
   		list-style: disc;
                   margin-bottom: 12px;

5. theorganisedhousewife
   Member
   Posted 1 year ago #

   that's great it worked. Thankyou so so much.
   How can I get that same margin below the headings, I tried that code but it didn't work.
   Thanks again.

6. Elixr
   Member
   Posted 1 year ago #

   Not a problem! Can you provide me a link to the issue, or point out on your site where it is?

   When you add a heading above a bullet point list, do you know if you use H1, H2, H3, or H4? For example, in this post: http://theorganisedhousewife.com.au/2010/12/02/challenge-sort-through-the-kids-toys/, you use H3 for the headings THE CHALLENGE, THE GIVEAWAY, and HOW TO ENTER.

   If you want some more space below those headings, you'll have to add a little padding to the entry for .entry h3, like this:

   .entry h3 {
   		margin: 15px 0 0;
   		font-size: 18px;
                   padding-bottom: 15px;

   Maybe that's what you were looking for?

7. Elixr
   Member
   Posted 1 year ago #

   I'm sorry.

   This is actually a little cleaner:

   .entry h3 {
   		margin: 15px 0 15px;
   		font-size: 18px;
   
   	}

8. theorganisedhousewife
   Member
   Posted 1 year ago #

   Thankyou so much Alx, you have helped me so much and it all works exactly right now....thanks again!

9. theorganisedhousewife
   Member
   Posted 1 year ago #

   Hi Alx, can you please help me again. I am now trying to get the space below the numerical bullets, but can't seem to change it. If I use the coding shown above then I get spaces inbetween each bullet point. All I am wanting is the typical 12px space between the last bullet and the new paragraph.

   .entry ul {
   list-style: disc;
   margin-bottom: 12px;
   }
   .entry ol {
   list-style: decimal;
   }
   .entry li {
   line-height: 1.8em;
   margin-left: 20px;
   }

   I appreciate your help. thankyou.

10. Elixr
    Member
    Posted 1 year ago #

    Can you post a link to where a numeric list appears on your site that show's the issue?

11. Elixr
    Member
    Posted 1 year ago #

    Nevermind. Found one.

    It should work so that you can add the same margin to the Ordered List (ol) entry and get the same result.

    Try:

    .entry ol {
    		list-style: decimal;
                    margin-bottom: 12px;
    	}

    . . . and see if that does anything for you.

12. theorganisedhousewife
    Member
    Posted 1 year ago #

    here is a link. Look under the numeric list under the heading How to Enter.

    http://theorganisedhousewife.com.au/2010/12/02/challenge-sort-through-the-kids-toys/

    Thanks Alx.

    Kat.

13. theorganisedhousewife
    Member
    Posted 1 year ago #

    perfect, thanks Alx, it worked.
    You have been a wonderful help.

14. Elixr
    Member
    Posted 1 year ago #

    Great! Again, happy to help.

Topic Closed

This topic has been closed to new replies.