-
simonegearAsked on August 7, 2014 at 2:22 AM
Hi, I would like to add this image to survey
http://s3.postimg.org/61kno1bkj/wedd.pngI can't figure out what CSS to change, because I want a white background (instead of red). I also want to use a different font (I want to use one of the google fonts).
There are about 11 pages worth of CSS code...so can you please help me to change this?
-
Welvin Support Team LeadReplied on August 7, 2014 at 7:55 AM
Hi,
You can easily find the target section into your browser by using the Inspect Element feature of both Google Chrome and Firefox:
https://developer.chrome.com/devtools/index
https://developer.chrome.com/devtools/docs/elements
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector
Or, you can use Firebug: http://getfirebug.com/html.
The Wedding Survey Form is using an image for the red background, here's the link: https://shots.jotform.com/elton/images/wedding_orange_bg.png. You should create one with white color in order to change it.
The page break and form line background color codes are:
#cid_16 .form-pagebreak {
background: #F2543A url('https://shots.jotform.com/elton/images/wedding_orange_bg.png') repeat;
}
.form-line {
background: #F2543A url('https://shots.jotform.com/elton/images/wedding_orange_bg.png') repeat;
}
Now, for the Google Font, please refer to this guide: https://www.jotform.com/help/100-Beautify-your-Form-with-Google-Web-Fonts. The Wedding Survey Form is using: BlackChanceryRegular custom font. Search and change it accordingly.
Let us know if you need further assistance.
Thank you!