Thanks @JulianKirkness
I have been using your button code for sometime now.
I thought I would supplement your blog post with a short video walk through
Great stuff @MichaelG - may try your CSS out later!
One thing that has always concerned me though is making too many CSS/JS changes in Knack. I realise we are all basically doing this too much because the basic Knack theme is pretty basic and looks old fashioned but with Knack announcing that a new theme is on the way and that some of our custom code may not work or even ‘break’ our apps I am even more worried.
It would be great if someone from Knack would comment on your (and my) CSS and let us know where it will and will not work in future!!
trying to add CSS to add a vertical space between list items but it doesn’t seem to be working as expected. My understanding was that Padding was space outside the border and that Margin was space inside the border - where am I going wrong? The border works fine but the Margin and Padding lines don’t seem to be doing anything much.
/This is to add a border to lists/
.kn-list-item-container {
border: 2px solid #066cb8;
padding: 10px 10px;
margin-top: 10px;
margin-bottom: 10px;
}
Hi Julian, I am trying to make my notes background white as you have shown in your part 2 of Styling your knack apps.
I am having difficulty figuring out how to customize the exact field.
Here is your code:
/white background to notes field on Company Details/ #view_6 > section > div > div.kn-details-group.column-1.columns > div > div > div:nth-child(2) > div {
background: #f5f5f5;
I have changed my view number as needed. and found the attached info on the inspector but am not sure how to modify what you have to what I have? I’ve tried replacing several different sections on the above but nothing is rendering any change.
I am not certain - but you should be able to right click on the element in the code window you show and click “Copy Selector Path” (or equivalent depending on browser). Then you can pates this into the CSS window and add some styles.
