[wendy dascoli]

Hi Steve,

My client has asked if there was a way to change the style of the view-all (cn-names?) template to look more like the slim-plus template. She basically wants the view all list to look exactly like the slim-plus list except without a record limit.

Additionally, we would like to include the search box on the view-all list, along with a link to go back to the directory.

Lastly, I’ve been trying to reformat the alpha list however the style sheet edits are not working even when including !Important. I’m able to change using developer tools on my browser but not in my stylesheet. I first updated the child-theme stylesheet and then tried moving the stylesheet to the same directory as the connections slim-plus card.php file. So far, can’t make it work.

Here is the link to the directory: http://leadershiptriangle.com/alumni-directory/

Thank-you very much!

Wendy

[wendy dascoli]

This reply has been marked as private.

[Steven Zahm]

@ wendy

re: I’ve been trying to reformat the alpha list however the style sheet edits are not working even when including !Important. I’m able to change using developer tools on my browser but not in my stylesheet.

Looking at styles.css file I see you have this:

media="all"
#cn-list div.cn-alphaindex {
    font-size: 30px !Important;
    position: relative;
    bottom: 0;
    right: 0;
}

Remove the `media=”all”:

#cn-list div.cn-alphaindex {
    font-size: 30px !Important;
    position: relative;
    bottom: 0;
    right: 0;
}

The !important flag should also be in all lowercase.

re: My client has asked if there was a way to change the style of the view-all (cn-names?) template to look more like the slim-plus template. She basically wants the view all list to look exactly like the slim-plus list except without a record limit.

Technically this is possible. Probably the easiest way is copy the slim-plus.css file and paste it in this folder:

../wp-content/uploads/connections-templates/names/

Neither the connections-templates or the names folder will exist, you’ll have to create them.

Now rename slim-plus.css to names.css. This will now override the default styles applied to the Names template which is used to render the View All page.

Open this new names.css and change all the selectors to be #cn-names instead of #cn-slim-plus.

Lastly you’ll have to change the selectors accordingly because these two templates have a different HTML structure.

re: we would like to include the search box on the view-all list, along with a link to go back to the directory.

Although technically feasible this is not easily achievable and would require a bit of hacking the core plugins files. Which means these changes would be lost on a plugin update. But more importantly it a bit more involved than what can be given in a support forum reply. I do provide custom development solutions if you are interested.

[Author]

Posts