Alignment of Directions link, length of drop-downs

  • Resolved silverthread

    (@silverthread)


    1 year, 6 months ago

    I have a couple of minor CSS changes I need to make, but I’m struggling to find them. Hope you can help.

    Please view the following graphic to see exactly what I’m wanting: https://fieldsandivy.silverthreadproductions.com/support/Support1.jpg

    I am happy with almost everything, except the alignment of the locations details on the left are all centered — EXCEPT for the Directions link. I would like it centered also. All the CSS I’ve tried so far, hasn’t worked. Please advise.

    I would also like to make the drop-downs for range and such to be longer, so the 500 mi isn’t obscured by the down-carrot. This is a really minor thing, but I’d like to make this site as polished as I can.

    Thank you for your advice and time. It is greatly appreciated.

    Matt

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

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

  • Hi there,

    Thanks for reaching out. Please try this small CSS rule for centering the Directions link:

    a.wpsl-directions {
    margin: 0 auto;
}

    As for the width of the search radius dropdown, this should work:

    #wpsl-radius .wpsl-dropdown {
    min-width: 120px;
}

    If you want both dropdowns to have the same width, then use this simpler rule instead:

    .wpsl-dropdown {
    min-width: 120px;
}

    I hope that helps, but get back if any of the above doesn’t work as expected.
    Regards,

    Thread Starter silverthread

    (@silverthread)

    That worked perfectly. Thank you. It appears I just wasn’t using the right classes. Thanks for the assistance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Alignment of Directions link, length of drop-downs’ is closed to new replies.