Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Squarespace Code Helo (HTML/CSS)

Posted by: Bchickreny Feb 21 2021, 02:50 PM

Hello,
We have a punchout login form on our squarespace website that we would like to stylize.
squarespace has its limitations, but the code is fairly simple, but is "ugly".

The Necessities of the code are static and cannot be changed, but I do not know how I can stylize it. Specifically make a solid white background, and Blue boarder.

URL: https://www.modernizebusiness.com/login-page

If anyone is familiar with this and can offer some help, it would be greatly appreciated.

Posted by: pandy Feb 21 2021, 06:33 PM

The login form? Should the background and the border be behind and around the whole form, the are that have a faint gray border now?

Posted by: Bchickreny Feb 21 2021, 07:58 PM

QUOTE(pandy @ Feb 21 2021, 06:33 PM) *

The login form? Should the background and the border be behind and around the whole form, the are that have a faint gray border now?



Yes the background of just what's within the boarder walls we would like to be a solid white if at all possible.

Posted by: pandy Feb 21 2021, 07:59 PM

You have this somewhere in your CSS. I think it's in that huge JS block that seems to write and import CSS.

CODE
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}


But it doesn't matter where it is. You can override that. You have an embedded style block at the end of the HEAD section. Put this rule at the bottom of it.

CODE
fieldset {
    border: 1px solid blue;
    background: white
}


Change the border to your liking. If you want another blue, broader border, whatever.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)