COMMUNITY FORUM
[SOLVED] Remove list class from list pages?
- Bill Rust
- Topic Author
- Offline
- Junior Member
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
- Offline
- Platinum Member
- Posts: 15920
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
- Topic Author
- Offline
- Junior Member
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
- Offline
- Platinum Member
- Posts: 15920
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
- Topic Author
- Offline
- Junior Member
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
- Offline
- Platinum Member
- Posts: 15920
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
- Topic Author
- Offline
- Junior Member
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.