Hi,
I really like your theming system, it's straight forward and easy to edit!
For our company, I changed the default theme a bit; some custom fonts, different colors and sizes, and so on. However, I ran into a problem. We want to use the description of the website as a subtitle, that is, a one-liner with little text. Therefore I want to reduce the space between the title and the description. I noticed that in the skeleton-auto.css file there is no special section for the description, so using the browser's inspector I found out that the spacing is controlled by the .description_parent class. So I added something like the following to the skeleton_auto.css file:
.description-parent {
margin-bottom: 50px !important;;
font-size: 30px;
line-height: 1.2em;
padding-bottom: 0px !important;
}
But that didn't produce the desired result, there was still some spacing. I then noticed that the problem was caused by this inline CSS rule that uses the universal selector (*) and seems to override my CSS in some way:
.description-parent * {
margin-bottom: 0em;
}
When I remove the asterisk it works:
![Screenshot 1](https://private-user-images.githubusercontent.com/106697497/256651509-e4d217c0-b1a6-45ae-9012-acc5399ddb4a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzMjU0NTgsIm5iZiI6MTcxOTMyNTE1OCwicGF0aCI6Ii8xMDY2OTc0OTcvMjU2NjUxNTA5LWU0ZDIxN2MwLWIxYTYtNDVhZS05MDEyLWFjYzUzOTlkZGI0YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNVQxNDE5MThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iOTQzMjNmNDk2N2Y5ZDc5NDc4Y2MwODY2NTYwYzg1YjEwOWZlNTE2YjIxNGRjNDBhYmJjYTNmZWE3YTc5NTY0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.q_tEbZfMilYjnpXBGHxBHRyWKbCZZbaPNhaA-KEOdwA)
![Screenshot 2](https://private-user-images.githubusercontent.com/106697497/256651497-f859ce7b-5e30-4049-aa97-51bbf3062d2d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkzMjU0NTgsIm5iZiI6MTcxOTMyNTE1OCwicGF0aCI6Ii8xMDY2OTc0OTcvMjU2NjUxNDk3LWY4NTljZTdiLTVlMzAtNDA0OS1hYTk3LTUxYmJmMzA2MmQyZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNVQxNDE5MThaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNmJlOTFkZmZlOWE2YzhiNjljZDhjZjgyM2Q3YjFmMDdiZDBhODhmMWNiNGZjNWE0OTk4MDI5NWNmYWVjMGNlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.OWOIi9sCPEYu5VCQn2NWTsicuN6fdGnuLtCe-v5doBo)
It seems that this inline styling comes from the /resources/views/littlelink.blade.php file. I'm not an CSS expert, so there might be a better way, but the only one I found to reduce the spacing was to remove the <style> tag from that file. But this change is reverted after every update I guess?
I think it would be great if there was the possibility to change the descriptions syling directly in the thme's CSS files without any style tags coming from the application itself overriding it. If there is already, I would be grateful for someone pointing it out to me.
Thanks again for this awesome software!