Keyword

[SOLVED] Remove list class from list pages?

  • Bill Rust
  • Bill Rust's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 11 months ago #119359 by Bill Rust
I would like to pull the ul and li styles off this page - hunt.bwpcommunications.com/divisions

I am trying to avoid the list style from getting applied, as it puts everything 30px to the right and adds the li little dot image.

In other words, I'd like to move each of the "list" items over to the left by 30px, and remove the dot.

Anyone care to help me out please?

Thanks,
Bill

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 11 months ago #119360 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: Remove list class from list pages?
Hello Bill,

Add background: #fff; and padding: 0 0 25px 0; to div.k2ItemsBlock ul li

a margin: 0 0 25px; might be nice too.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Bill Rust
  • Bill Rust's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 11 months ago #119361 by Bill Rust
Replied by Bill Rust on topic Re: Remove list class from list pages?

Krikor Boghossian wrote: Hello Bill,

Add background: #fff; and padding: 0 0 25px 0; to div.k2ItemsBlock ul li

a margin: 0 0 25px; might be nice too.


Awesome, thank you so much, it looks great now!

You also mentions "a margin: 0 0 25px; might be nice too."

I added that but did not see any difference. Can you briefly describe what this style should do?

Thanks again!!!

Bill

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 11 months ago #119362 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: Remove list class from list pages?
Actually you don't need to add a margin-bottom, since the spacing is inherited from the .even class.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Bill Rust
  • Bill Rust's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 11 months ago #119363 by Bill Rust
Replied by Bill Rust on topic Re: Remove list class from list pages?

Krikor Boghossian wrote: Actually you don't need to add a margin-bottom, since the spacing is inherited from the .even class.


Gotcha, makes sense. But that leads to another minor issue.

I want 25px above and below each row. That's no problem, already added that. The issue is that since .even gets the treatment, the top one on the page is 25px too low.

If I remove that from .even, all the even entries below it also lose the 25px top padding. So I need to figure out how to exclude that from the first one, but apply it to each row after.

This site has been a css nightmare, but I have learned a ton about K2, so that's a good thing :-)

Bill

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 11 months ago #119364 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: Remove list class from list pages?
The more you learn about K2 & CSS the easier the next site will be.

For the first and last items in a list I use the :first-child and :last-child pseudo selectors.

example div.k2ItemsBlock ul li:first-child { }

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Bill Rust
  • Bill Rust's Avatar Topic Author
  • Offline
  • Junior Member
More
10 years 11 months ago #119365 by Bill Rust
Replied by Bill Rust on topic Re: Remove list class from list pages?

Krikor Boghossian wrote: The more you learn about K2 & CSS the easier the next site will be.

For the first and last items in a list I use the :first-child and :last-child pseudo selectors.

example div.k2ItemsBlock ul li:first-child { }


haha, just as I got this notification I got it!

Googled it and found the li:first-child selector :-)

Thanks again for your help!!!

Bill

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum