[Kristin Prelipp]

1) What is the CSS to change the blue color of the A-Z listing?

2) The formatting when in Search mode is a little off. The bullet sentence is below the box, And I would like more padding under the Clear Search button, so there is more space between that button and the category pull-down. http://www.familysuccessalliance.org/fsa-resource-guide/char/O/ or see screenshot attached.

Thanks!

Attachments:

You must be logged in to view attached files.

[Kristin Prelipp]

For #1, I tried:

#cn-cmap .cn-alphaindex {
    text-align: right;
    color: #00c4d9 !important;
}

#cn-cmap #cn-list-head .cn-alphaindex {
    color: #00c4d9 !important;
}

And neither worked…

• This reply was modified 8 years, 2 months ago by Steven Zahm. Reason: Correct code formatting

[Steven Zahm]

@ Kristin

RE: What is the CSS to change the blue color of the A-Z listing?

This is picked up from the formatting applied by the theme for links. Your CSS is almost correct. It should be:

#cn-list .cn-alphaindex a {
    color: #00c4d9;
}

RE: The formatting when in Search mode is a little off. The bullet sentence is below the box, And I would like more padding under the Clear Search button

This too is being caused by the theme. For some reason list items and buttons are being floated left, globally. Add the following to the theme’s custom CSS area to correct:

#cn-list ul,
#cn-list ul li,
#cn-list .button {
    float: none;
}

To increase the bnottom margin use:

#cn-search-messages {
    margin-bottom: 50px
}

Hope this helps!

[Kristin Prelipp]

Looks beautiful! Thank so much for the help and speedy response!!

[Author]

Posts