ds_tx Posted August 10, 2022 Share Posted August 10, 2022 I'm using Tree View by I Am Kate - https://iamkate.com/code/tree-views/ But am getting a big indent; see -http://dstall.com/Test/http://dstall.com/Test/Test.txt How can I eliminate the indent for tree view UL/LI so that it aligns left with DIV header and text? I've tried several things but they don't work. Link to comment Share on other sites More sharing options...
dsonesuk Posted August 11, 2022 Share Posted August 11, 2022 ul.customUL, ul.customUL li {list-style-type: none; padding: 0; margin: 0;} Link to comment Share on other sites More sharing options...
ds_tx Posted August 11, 2022 Author Share Posted August 11, 2022 When I add that CSS it does nothing. Link to comment Share on other sites More sharing options...
dsonesuk Posted August 12, 2022 Share Posted August 12, 2022 Well, I guess one of us did it wrong! The styling is right! Might be selector issue? Link to comment Share on other sites More sharing options...
ds_tx Posted August 12, 2022 Author Share Posted August 12, 2022 Would you look at CSS and HTML here? http://dstall.com/Test/Test.txt I add CSS class "customUL" to ul tag that already had CSS class "tree". Link to comment Share on other sites More sharing options...
dsonesuk Posted August 13, 2022 Share Posted August 13, 2022 You can only have a single class attribute per element. Link to comment Share on other sites More sharing options...
ds_tx Posted August 24, 2022 Author Share Posted August 24, 2022 I corrected HTML so there's only a single class and that eliminates indent of root of page view. But now when I expand page view, the subcategories are indenting to the left instead of to the right, and all the buttons and connecting lines are misaligned. See - http://dstall.com/Test/ Instead of creating another class, I think the .tree class that creates the +/- buttons and the connecting lines needs to be modified, but I don't know how to do that. See - http://dstall.com/Test/Test.txt and https://iamkate.com/code/tree-views/ Link to comment Share on other sites More sharing options...
dsonesuk Posted August 24, 2022 Share Posted August 24, 2022 ul.customUL, ul.customUL > li { list-style-type: none; padding: 0px; margin: 0; } ul.customUL > li.tree { padding-left: 19px; } try this Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now