CASH-1397 add copy to header.

This commit is contained in:
Bryan Mauger 2025-08-13 09:08:14 -04:00
parent 6c77bbfd21
commit a7400a622e

View file

@ -11,7 +11,14 @@
<div class="col-md-6 col-xl-4 mt-4">
<funnelSubHeader class="pb-2" cmsWidgetName="FunnelSubHeaderWidget" />
<div>
<div class="vinlookupquestion mb-5" v-html="VinLookupQuestionText"></div>
<p class="header-copy mb-2 text-md-center" v-html="HeaderText"></p>
<p
class="header-sub-copy mb-5 text-md-center"
v-html="VinLookupQuestionText"></p>
<p class="select-option mb-2" v-html="SelectOptionText"></p>
<buttonQuestion
cmsWidgetName="VinLookupMethod"
:answers="answersFromCms"
@ -229,6 +236,12 @@ export default {
VinLookupQuestionText() {
return this.getCmsContent("VinLookupQuestion", "BodyText");
},
HeaderText() {
return this.getCmsContent("VinLookupQuestion", "HeaderText");
},
SelectOptionText() {
return this.getCmsContent("VinLookupQuestion", "FooterText");
},
},
components: {
funnelHeader,
@ -241,16 +254,15 @@ export default {
};
</script>
<style lang="scss">
.vinlookupquestion p {
margin-bottom: 0;
<style lang="scss" scoped>
.header-copy {
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
}
.vinlookupquestion strong {
font-weight: 500;
color: $black;
}
.vinlookupquestion p:nth-child(2) {
.header-sub-copy {
font-size: 0.875rem;
margin-bottom: 1rem;
}
.select-option {
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
font-weight: 600;
}
</style>