How to change the color and height of a title in a subform?

[kknm]

How to change the color and height of a title in a subform?

[kev1n]

The height should be high enough to display Multiline.
You just have to use '<br>' to force a line break.


Inspect elements with the Developer Console (F12):

Get Started With Viewing And Changing The DOM
https://developers.google.com/web/tools ... vtools/dom

Then use JavaScript/JQuery to modify the style.


See: https://streamable.com/181xk6

[kknm]

Get Started With Viewing And Changing The DOM
https://developers.google.com/web/tools ... vtools/dom

I clarify the question:
I ask about changing the global style for the whole site, not just subforms.

[kknm]

I changed nubuilder4.css, but it seems to me it would be advisable to include a style editor in the nuBuilder package to change the style of the site.
Something like skins...

[kev1n]

nubuilder4.css should not be modified. The the recommendation is to add your own styles in the (Setup -> ) Header.

Header
The Header is placed in the HTML5 header of nuBuilder Forte and can be used for adding...

Javascript libraries
Javascript functions
Style Sheets
CSS Styles

https://webcache.googleusercontent.com/ ... /index.php

(The nuBuilder Wiki shows errors that's why I'm linking a webcache URL)

[kknm]

nubuilder4.css should not be modified. The the recommendation is to add your own styles in the (Setup -> ) Header.

Header
The Header is placed in the HTML5 header of nuBuilder Forte and can be used for adding...

Javascript libraries
Javascript functions
Style Sheets
CSS Styles

https://webcache.googleusercontent.com/ ... /index.php

(The nuBuilder Wiki shows errors that's why I'm linking a webcache URL)

Adding modified styles to the setup-header has no effect !

Code: Select all

	</script>
    	<script src='libs/browse_total_rows.js' type='text/javascript'></script>
    	
	function nuHeaderTest() {
	    console.log('Functions placed here before a closing script tag are available anywhere in nuBuilder Forte');
	}
	
	</script>
	<style>    
//	.nuActionButton {background-color:#0073aa;}
.nuBrowseTitle { background-color: #FFFFB3;}

	</style>
	<script>

[kev1n]

You have to log in again for the changes to take effect.

[kknm]

You have to log in again for the changes to take effect.

No, no ... Even rebooting and clearing the cache does not help.

[kev1n]

A reboot or clearing the cache is not necessary. Try this code:

Code: Select all

</script>
<style>    

.nuBrowseTitle {background-color:#FFFFB3;}

</style>
<script>

[kknm]

Yes, changing the order of the tags corrected the situation. Thank!