[SOLVED] CSS class for list style

6 months 1 week ago - 6 months 1 week ago #303558 by zahmundzornig
I struggle with the possibility to change styling for a list. For example: I like to remove the border of the user listing:
www.tantramassage-portal.net/startseite-2/startseite/startseite-2

What I did:

1. integrate a new class in the joomla template file custom.css with the name "neuanmeldungen":

.cb_template .img-thumbnail .neuanmeldungen {
border: 0px solid #dddddd !important;
}

2. I use the CSS class "neuanmeldungen" in the CSS class field (screenshot)

But it didn´t work.
Is this the correct way to do this?

Thank you!

www.zahmundzornig.de thanx joomlapolis for the great work and support!
Build with CB: www.jaii.de
Attachments:
6 months 1 week ago #303568 by krileon
The border is a part of the .cb_template .img-thumbnail selector. To remove it for a userlist use the selector .cb_template .cbUserListLayoutGrid .img-thumbnail. Example as follows.

.cb_template .cbUserListLayoutGrid .img-thumbnail {
    border: 0;
    box-shadow: none;
}


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Templates - CBSubs - Hosting - Forge - Incubator - GroupJive
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM EST to 4:00 PM EST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
6 months 1 week ago #303570 by zahmundzornig
Thank you, krileon. It works, when I like to remove the border in all lists. But I need it only for ONE list. To realise this I like to use the CSS class in the list (see attachment in my first post). Is this possible? If yes, how can I define this special CSS class?

www.zahmundzornig.de thanx joomlapolis for the great work and support!
Build with CB: www.jaii.de
6 months 1 week ago #303575 by krileon
There's a unique CSS class attached to every userlist container that includes the userlist id. You can use that to style a specific userlist. In my above example replace .cbUserListLayoutGrid with .cbUserListT_LIST_ID_HERE and be sure to replace LIST_ID_HERE with whatever the ID is for your userlist.

I highly recommend anyone that wants to customize their site to become more familiar with your browsers built in tools. You can inspect your sites DOM structure to see available CSS classes to help style things. Check out the below for Chrome to get started.

developers.google.com/web/tools/chrome-devtools/inspect-styles/


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Templates - CBSubs - Hosting - Forge - Incubator - GroupJive
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM EST to 4:00 PM EST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
6 months 1 week ago #303589 by zahmundzornig
Thank you, that works! I didn´t know the List-ID-"trick".

www.zahmundzornig.de thanx joomlapolis for the great work and support!
Build with CB: www.jaii.de
The following user(s) said Thank You: krileon
Moderators: beatnantkrileon
Time to create page: 0.377 seconds
Facebook Twitter Google LinkedIn