Delicacy Theme Page List Line Height

Resolved jay1318
(@jay1318)

11 years, 5 months ago

Using the Delicacy Theme.

I have my recipes on “pages”. When I put in a list, the items are too close together. I want to adjust that and have have tried several changes to the CSS and none have helped.

I see there is “ingredient-list” css but when I try to add that in the code, still nothing happens.

Thanks in advance for any help.

Viewing 12 replies - 1 through 12 (of 12 total)

mohdrafie
(@mohdrafie)

11 years, 5 months ago
Do you mind to put a link to your site so that we can troubleshoot for you?

If you wish to override, you can use !important

e.g. on how to use !important
```
.ingredient-list {
padding: 10px !important;
}
```
WPyogi
(@wpyogi)

11 years, 5 months ago

Without a link to the site, it’s impossible to offer much help other than suggesting that you use a tool such as Firebug to work with the CSS code.

Thread Starter jay1318
(@jay1318)

11 years, 5 months ago

Thanks so much for the quick reply. The url is…
foremangrillrecipes.com

Thread Starter jay1318
(@jay1318)

11 years, 5 months ago

It’s the list line-height I want to adjust but just can’t seem to get it.
mohdrafie
(@mohdrafie)

11 years, 5 months ago
This this one and it fix the spacing between the recipes list on the “pages”
```
ul.su-subpages li {
margin: 10px 0px;
}
```
Thread Starter jay1318
(@jay1318)

11 years, 5 months ago

Still not working. Whatever the specific CSS is for the lists on the pages, I just can’t seem to affect it.

mohdrafie
(@mohdrafie)

11 years, 5 months ago

I don’t seem to see any CSS changes you made. Can you let me know how you do it?

This is a prove that the CSS line I provide works: http://screencast.com/t/8T50UaeSb

Thread Starter jay1318
(@jay1318)

11 years, 5 months ago

Thanks for your help, Mohd.

There is a CSS editor on the dashboard

Here’s an example of a page where the list items are too close together…
http://foremangrillrecipes.com/chicken-recipes/easy-boneless-skinless-chicken-breast/
mohdrafie
(@mohdrafie)

11 years, 5 months ago
Ok, try this:
```
#content ul li {
margin: 10px 0px;
}
```
P/s: You should actually post this link in the first place for us to solve the problem efficiently 😉
Thread Starter jay1318
(@jay1318)

11 years, 5 months ago

Ahhhh… perfect!

Thanks SO much Mohd!

Yes, I realized I should have been more specific in my original post. Still learning my way through the process.

But… you other post was a change I wanted to do also, so it all works out great.

Again, thanks very much my friend!

mohdrafie
(@mohdrafie)

11 years, 5 months ago

Good to know that.

If you can mark this post as resolved, it would be great as it can help other people that might have the same issue.

Cheers and have a nice day!

Thread Starter jay1318
(@jay1318)

11 years, 5 months ago

Working perfectly now.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Delicacy Theme Page List Line Height’ is closed to new replies.

Tags