-
mojo2016Asked on April 2, 2018 at 11:15 AM
I have this in the build form, As you can see the address of 10260 Ravenna Rd Twinsburg, OH 44087 shows up on the one line. I need it to be broken out in two separate lines like this:
https://www.jotform.com/build/80914274276966
10260 Ravenna Rd.
Twinsburg, OH 44087
This is what I have in the CSS field but it doesn’t work.
#subHeader_33:after {
content : "10260 Ravenna Rd
Twinsburg, OH 44087";
position : absolute;
margin-top : 20px!important;
margin-left : -195px!important;
}
A new response has been received:
Page URL: https://form.jotform.com/80914274276966 -
John_BensonReplied on April 2, 2018 at 12:43 PM
Please remove the previous custom CSS code and use this new custom CSS code:
#subHeader_33:after {
content : "10260 Ravenna Rd Twinsburg, OH 44087" !important;
position : absolute !important;
margin-top : 20px !important;
margin-left : -195px !important;
}
Result of my test form:
I hope this helps.
-
mojo2016Replied on April 2, 2018 at 2:51 PM
How can I get this part Twinsburg, OH 44087 underneath 10260 Ravenna Rd.
So it looks like this
10260 Ravenna Rd.
Twinsburg, OH 44087
no space between the two though
-
John_BensonReplied on April 2, 2018 at 3:48 PM
Please add this custom CSS code:
#subHeader_33:after {
width: 30% !important;
}
Here's the result of my test form: