1. Forums
  3. Support and Presales
  5. Developer Members Support
  7. [SOLVED] CSS class for list style

[SOLVED] CSS class for list style

6 years 2 weeks ago - 6 years 2 weeks ago #303558 by zahmundzornig
[SOLVED] CSS class for list style was created 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:

Please Log in to join the conversation.

6 years 2 weeks ago #303568 by krileon
Replied by krileon on topic CSS class for list style
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 - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
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 CST to 4:00 PM CST. 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.

Please Log in to join the conversation.

6 years 2 weeks ago #303570 by zahmundzornig
Replied by zahmundzornig on topic CSS class for list style
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

Please Log in to join the conversation.

6 years 2 weeks ago #303575 by krileon
Replied by krileon on topic CSS class for list style
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 - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
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 CST to 4:00 PM CST. 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.

Please Log in to join the conversation.

6 years 2 weeks ago #303589 by zahmundzornig
Replied by zahmundzornig on topic CSS class for list style
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

Please Log in to join the conversation.

Moderators: beat, nant, krileon
  1. Forums
  3. Support and Presales
  5. Developer Members Support
  7. [SOLVED] CSS class for list style
Time to create page: 0.201 seconds

Facebook Twitter LinkedIn

    You are here:  
  1. Home
  2. Forums
  3. Support and Presales
  4. Developer Members Support
  5. [SOLVED] CSS class for list style

Search

Login / Logout

User Menu