Design A-Z list.

  • Resolved Anonymous User 15884697

    (@anonymized-15884697)


    8 years, 3 months ago

    Hey I got 2 questions

    1. how can I extend the space between the letter “A” and the letters bar?
    2.I tried to add lines (parting lines) between all letters (A-Z)and it worked, but everytime I minimize my browser these parting lines just cross my sidebar. Is there a way to fix that ?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Dani Llewellyn

    (@diddledani)

    8 years, 2 months ago

    Hi,

    1. To add extra spacing between the first letter and the “letters bar” you will need to add some extra CSS styling. You can use the theme “customizer” to add extra CSS code (admin->themes->customize->additional css). The following code will add a 16 pixel gap:

    #az-slider {
    margin-top: 16px;
}

    2. Each letter can be separated from the next by, again, adding custom CSS:

    .letter-section {
    border-bottom: 2px solid black;
}

    You can adjust the distances between the letter section, the bar, and the following letter section with:

    .letter-section {
    padding-bottom: 16px; // gap between upper section and bar
    border-bottom: 2px solid black; // the bar
    margin-bottom: 16px; // gap between bar and lower section
}
    Plugin Author Dani Llewellyn

    (@diddledani)

    8 years, 1 month ago

    I’m marking this as resolved, but please come back if you need further help.

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

The topic ‘Design A-Z list.’ is closed to new replies.