• Resolved theorganisedhousewife

    (@theorganisedhousewife)


    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.
    https://www.theorganisedhousewife.com.au

Viewing 13 replies - 1 through 13 (of 13 total)
  • 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

    Thread Starter theorganisedhousewife

    (@theorganisedhousewife)

    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.

    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;
    Thread Starter theorganisedhousewife

    (@theorganisedhousewife)

    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.

    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: https://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?

    I’m sorry.

    This is actually a little cleaner:

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

    (@theorganisedhousewife)

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

    Thread Starter theorganisedhousewife

    (@theorganisedhousewife)

    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.

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

    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.

    Thread Starter theorganisedhousewife

    (@theorganisedhousewife)

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

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

    Thanks Alx.

    Kat.

    Thread Starter theorganisedhousewife

    (@theorganisedhousewife)

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

    Great! Again, happy to help.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Yashfa theme’ is closed to new replies.