WordPress.org

Ready to get started?Download WordPress

Forums

Delicacy
[resolved] Delicacy Theme Page List Line Height (13 posts)

  1. jay1318
    Member
    Posted 1 year 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.

  2. Mohd Rafie
    Member
    Posted 1 year 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;
    }
  3. WPyogi
    Volunteer Moderator
    Posted 1 year 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.

  4. jay1318
    Member
    Posted 1 year ago #

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

  5. jay1318
    Member
    Posted 1 year ago #

    It's the list line-height I want to adjust but just can't seem to get it.

  6. Mohd Rafie
    Member
    Posted 1 year ago #

    This this one and it fix the spacing between the recipes list on the "pages"

    ul.su-subpages li {
    margin: 10px 0px;
    }
  7. jay1318
    Member
    Posted 1 year ago #

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

  8. Mohd Rafie
    Member
    Posted 1 year 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

  9. jay1318
    Member
    Posted 1 year 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/

  10. Mohd Rafie
    Member
    Posted 1 year 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 ;)

  11. jay1318
    Member
    Posted 1 year 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!

  12. Mohd Rafie
    Member
    Posted 1 year 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!

  13. jay1318
    Member
    Posted 1 year ago #

    Working perfectly now.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic