A little thing with the form??? -...

May 28th, 2025 at 09:58 AM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts
Online Now

Good morning fellow Coffeecupers,

Have you guys come across anything like this.

https://www.misterwebguy.com/images/form-background.png

It never used to be like this but over the last year it seems its been showing the background on the form. I have it all set to transparent but it still wants to show these areas.

You can see it live in action here:
https://www.peaceofmindpaws.com/

Anyways thanks in advance
Steve
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 28th, 2025 at 10:46 AM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts
Online Now

I changed the form up a bit but the top and bottom background is still showing for me.

Also does anyone have the css code that would change the font of the dropdowns?

https://www.misterwebguy.com/images/font-size.png

I cannot see a way to do this within the form itself.

Thanks again
Steve
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 28th, 2025 at 03:51 PM
User 122279 Photo

Inger
Senior Advisor
14,633 posts
Online Now

When I open the URL you mention, I don't have those greyish spaces above and below the form.
Hard refresh?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
May 28th, 2025 at 04:08 PM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts
Online Now

Thats very strange. My client says he doesn't see it either but no matter what pc im at i see them.

What about the font? any idea how to make that font bigger?

Thanks Inger
Steve
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 29th, 2025 at 06:08 AM
User 122279 Photo

Inger
Senior Advisor
14,633 posts
Online Now

Have you given the div of the background any padding? Or added a margin to the div with the blue background?

I don't know how to change the font. You have to wait for Eric to chime in and hope that he has a solution.
If the font in the various fields can be made larger, the fields themselves also need to have more height. I'm sure it would be possible to do it after export if you can locate and modify the correct CSS entries.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
May 29th, 2025 at 06:36 AM
User 122279 Photo

Inger
Senior Advisor
14,633 posts
Online Now

ADDENDUM:
It's been a while since I used the Form builder, and for a moment I forgot about the Form Designer. Using that, you can change the font size and as good as everything else in your form. You just have to connect the necessary files from WFB to FD to make it work.

Or, if you don't want to lash out on the Form Designer, you can also create the form with SD.

Both of these ways of doing it are a bit more cumbersome, but they will work.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Jun 5th, 2025 at 10:22 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,270 posts

Form looks good for me on pc.
As for the font.
You can set styles with straight js.
These are targeting by select name. Adjust the select1 to your select name.
JS added to a html element.
<script>
document.querySelector("[name='select1']").style.height="40px"; document.querySelector("[name='select1']").style.fontSize="18pt";
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Jun 6th, 2025 at 01:53 AM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts
Online Now

Thanks Eric

I tried it here with no effect:
https://peaceofmindpaws.com/index.html

I added to the header what you posted and selected the name of the my form field which was service-interested

Am i missing something?

Thanks
Steve
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Jun 7th, 2025 at 02:00 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,270 posts

I don't see it here within the html. It has to be on the actual form page.
https://misterwebguy.coffeecup.com/form … tact-form/
Add it to form within form builder using a html element.
This way you can preview and test.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Monday at 10:27 AM
User 2088758 Photo

Steve
Senior Advisor
3,121 posts
Online Now

Well son of a gun! I have been using this software for over a decade and never once noticed or tried the HTML element of the form. I was able ot adjust what i need by selecting the Styles Overide option. I brought up all the styles of the current layout and let me modify them. Its working perfectly now!

Thanks a million man!

Coffeecup software continues to surprise me all the little hidden gems.

Thanks
Steve
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.