The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Squarespace Code Helo (HTML/CSS), Formatting style to form
Bchickreny
post Feb 21 2021, 02:50 PM
Post #1





Group: Members
Posts: 2
Joined: 21-February 21
Member No.: 27,811



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 21 2021, 06:33 PM
Post #2


Computer says no 🌟
********

Group: WDG Moderators
Posts: 19,531
Joined: 9-August 06
Member No.: 6



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Bchickreny
post Feb 21 2021, 07:58 PM
Post #3





Group: Members
Posts: 2
Joined: 21-February 21
Member No.: 27,811



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 21 2021, 07:59 PM
Post #4


Computer says no 🌟
********

Group: WDG Moderators
Posts: 19,531
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 26th February 2021 - 04:06 PM