Dixie McCall Well-known member Sep 29, 2021 #1 Hello I need help with the custom field wrapper and value HTML as I'm not sure how to do this. I would like the result displayed with a red border. Is this possible? Thank you Attachments Screenshot (909).webp 27.4 KB · Views: 14
Hello I need help with the custom field wrapper and value HTML as I'm not sure how to do this. I would like the result displayed with a red border. Is this possible? Thank you
Solution bzcomputers Sep 29, 2021 For value display html: Code: <span style="padding: 2px; color: #FF0000; border: 1px solid #FF0000;">{$value}</span> Then place this in extra.less template: CSS: .pairs.pairs--columns.pairs--fixedSmall.pairs--customField>dt { padding: 5px; }
For value display html: Code: <span style="padding: 2px; color: #FF0000; border: 1px solid #FF0000;">{$value}</span> Then place this in extra.less template: CSS: .pairs.pairs--columns.pairs--fixedSmall.pairs--customField>dt { padding: 5px; }
bzcomputers Well-known member Sep 29, 2021 #2 For value display html try: HTML: <span style="border: 1px solid #FF0000;">{$value}</span> Upvote 0 Downvote
Dixie McCall Well-known member Sep 29, 2021 #3 It worked but only sides and bottom of the result. Attachments Screenshot (912).webp 2.5 KB · Views: 17 Upvote 0 Downvote
bzcomputers Well-known member Sep 29, 2021 #4 Try with some margin and padding like this.... HTML: <span style="padding: 2px; margin: 4px; border: 1px solid #FF0000;">{$value}</span> Upvote 0 Downvote
Try with some margin and padding like this.... HTML: <span style="padding: 2px; margin: 4px; border: 1px solid #FF0000;">{$value}</span>
Dixie McCall Well-known member Sep 29, 2021 #5 Also I would like all of the text in that attachment to be red. Upvote 0 Downvote
bzcomputers Well-known member Sep 29, 2021 #6 To change text color add css color option... HTML: <span style="padding: 2px; margin: 4px; color: #FF0000; border: 1px solid #FF0000;">{$value}</span> Upvote 0 Downvote
To change text color add css color option... HTML: <span style="padding: 2px; margin: 4px; color: #FF0000; border: 1px solid #FF0000;">{$value}</span>
Dixie McCall Well-known member Sep 29, 2021 #7 Thank you this helps! The only thing that is missing is the two sides of the border.. See attachment. And Thank you for your help! Upvote 0 Downvote
Thank you this helps! The only thing that is missing is the two sides of the border.. See attachment. And Thank you for your help!
bzcomputers Well-known member Sep 29, 2021 #8 Dixie McCall said: Thank you this helps! The only thing that is missing is the two sides of the border.. See attachment. And Thank you for your help! Click to expand... The sides are there they just can't be seen due to not having enough room to display. If you send me a link to a sample page I should be able to figure out what needs to be adjusted to get all 4 border sides to show. Upvote 0 Downvote
Dixie McCall said: Thank you this helps! The only thing that is missing is the two sides of the border.. See attachment. And Thank you for your help! Click to expand... The sides are there they just can't be seen due to not having enough room to display. If you send me a link to a sample page I should be able to figure out what needs to be adjusted to get all 4 border sides to show.
bzcomputers Well-known member Sep 29, 2021 #9 For value display html: Code: <span style="padding: 2px; color: #FF0000; border: 1px solid #FF0000;">{$value}</span> Then place this in extra.less template: CSS: .pairs.pairs--columns.pairs--fixedSmall.pairs--customField>dt { padding: 5px; } Upvote 1 Downvote Solution
For value display html: Code: <span style="padding: 2px; color: #FF0000; border: 1px solid #FF0000;">{$value}</span> Then place this in extra.less template: CSS: .pairs.pairs--columns.pairs--fixedSmall.pairs--customField>dt { padding: 5px; }
Dixie McCall Well-known member Sep 29, 2021 #10 That worked! Thank you so very much! That was a hard one for me to figure out so thank you again for figuring it out for me. Upvote 0 Downvote
That worked! Thank you so very much! That was a hard one for me to figure out so thank you again for figuring it out for me.
H htsumer Active member Sep 29, 2021 #11 Dixie McCall said: Hello I need help with the custom field wrapper and value HTML as I'm not sure how to do this. I would like the result displayed with a red border. Is this possible? Thank you Click to expand... Is this user private domain? Upvote 0 Downvote
Dixie McCall said: Hello I need help with the custom field wrapper and value HTML as I'm not sure how to do this. I would like the result displayed with a red border. Is this possible? Thank you Click to expand... Is this user private domain?