Formatting Bug in Genesis Foodie Child Theme: No Space after Bullet List

hey,

try adding

media="all"
ol, ul {
margin-bottom: 20px;
}

to your custom CSS (that is – in your child theme’s style.css)

this is the effect https://imgur.com/VoCvMFP

Cheers!

Thank you! I’m new to CSS (learning as I go). Do I add that to Home Page? And when I do, is it just copy and pasted to the bottom?

I tried adding the code, and it didn’t work.

hi,

you should add the CSS code in wp-content/themes/foodie/style.css
it does not look as if you added it.

in your WP dashboard – select appearance > editor then look for style.css and add the code there.

also, it does not look as if you are using a child theme. I strongly recommend that you create one and use it to avoid losing your customisation after theme updates. see here: https://codex.www.ads-software.com/Child_Themes

Hope this helps!

The top of the page on WP, under “Edit Themes” it says: Foodie Child Theme: Stylesheet(style.css)

I’m confused where exactly to put the code. I’ve copied the code and pasted it in TextEdit so that I can make changes on the WP CSS editing page, but I’ve tried adding the code under the first section, under custom templates, under content, etc. but it hasn’t work. Is this placement not important?

Sorry for the ignorance. I’m just confused on where to add in additional code.

Thank you!

Hi again,

Never intended to imply you were ignorant :), on the contrary, your interest in making things look better shows the opposite.

I think you were in the right place – in Stylesheet (style.css).
I that file, you should find a section called
/* Typographical Elements
——————————————— */
under that, at line 228 you should find

ol,
ul {
	margin: 0;
	padding: 0;
}

this stands for ordered list and unordered list or “bullet list” (which is what you target)

You can change the value of bottom margin to 20px like this:

ol,
ul {
	margin: 0 0 20px 0;
	padding: 0;
}

This should stick to any list you currently have and all the future ones you create.

Don’t forget to save! …and enjoy!

No, no. I know you weren’t insinuating that. Seems like everyone on these forums knows code very well though. Insecure about my ignorance ??

Thank you! It worked! If you don’t mind me asking, where can I learn the details of CSS?

Thanks again!

well, I’m glad it worked and I am especially glad you asked about learning CSS:)

Just before posting this, I read the forum rules again to make sure I don’t get into trouble posting links to external resources. I hope I did not miss anything…

So:
obviously this is a valuable straightforward resource for CSS Tutorials and reference
https://www.w3schools.com/css/default.asp

and then, my alltime favourite:
https://www.codecademy.com/en/tracks/web

Note: these are absolutely free resources
so… Good luck CSS-ing! ??

Perfect! Thank you so much. I really appreciate!