You are viewing limited content. For full access, please sign in.

Question

Question

Theme not applying to Collection Title

Forms Version 10
Updated September 24, 2020
asked on September 24, 2020

Hello,

 

In our form we have a Collection of fields, but when we apply a theme, the title of the collection doesn't get affected by the settings we apply in the Theme. Where it says Beneficial Ownership we want the format of to match the rest of the sections in the form (Management Control and Politically Exposed Persons).

 

So far I have referred to CSS to amend the size, style and background color of the the Collection Title but it still isn't exactly like the other section titles... The background color doesn't expand past the title..

 

.cf-section-header h2 { background-color:#c0c0c0; font-weight:bold; color:black; font-size: 14px; }

 

Is it some simple code that I'm missing or am I being blind and not seeing it in the Themes section?

 

Many thanks in advance!

0 0

Answer

SELECTED ANSWER
replied on September 24, 2020 • Show version history

Add a CSS class to the Collection (under the Advanced tab). In this example I use collectTitle.

 

Use the following CSS

.collectTitle .cf-section-header {background-color:#c0c0c0; font-weight:bold; color:black; font-size: 14px}

 

1 0
replied on September 24, 2020 • Show version history

Ok - apart from me missing the CSS class off (doh!) I got the below result where it ignored the text size frown

 

 

Just to clarify this is the only code I have in place on the form currently when I use your code:

 

/*This customises the background image*/
body { 
  background-repeat : no-repeat; 
  background-position : center; 
  background-attachment : fixed; 
  background-size : cover; 
}

/*This gives the fields with the CSS class "TwoPerLine" the ability to have 2 fields aligned next to each other*/
.TwoPerLine { width: 50%;     
    	       display: inline-block; }

/*This section is for the Collection Field Beneficial Ownership Information*/

/*.cf-section-header h2 {background-color:#c0c0c0; font-weight:bold; color:black; font-size: 14px; }*/

.collectTitle .cf-section-header {background-color:#c0c0c0; font-weight:bold; color:black; font-size: 14px}

 

replied on September 24, 2020

Brilliant thank you!

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...