Re: Custom CSS

Megan_Reardon1
Level 1

Custom CSS

Hi Marketo Users!

I'm trying to unbold a field on a form. "To unsubscribe to updates..." 

Megan_Reardon1_0-1593622670588.png

 

I have custom css in to make the checkbox appear to the right 

/* Add your custom CSS below */
.mktoForm label[for="Opt Out"] {
float:left!normal;
margin-left: 10px!normal;
width:316px!normal;
}

 

I thought changing the text in the code to normal instead of important would fix, but not the case. 

 

Any ideas? 

 

Tags (2)
4 REPLIES 4
SanfordWhiteman
Level 10 - Community Moderator

Re: Custom CSS

Hmm, no, !normal isn't a thing. 🙂

 

I also have some doubt that the id of the field is actually Opt Out (with the space).  What's your URL?

Megan_Reardon1
Level 1

Re: Custom CSS

Thanks, Sanford. No coding skills at all here - that was a total guess, which was a huge fail! Thanks. 

 

So we're  changing the language to Opt-in rather than opt-out so I went ahead and created a new field (OptIn)

Megan_Reardon1_0-1593633604766.png

 

Can you point me in finding the ID of the field? 

 

Also, what sort of URl can i provide you with? the test landing page? https://lp.certara.com/LP-TestNewForm.html

 

Thanks for the help. It's very much appreciated. 

 

Megan_Reardon1
Level 1

Re: Custom CSS

I'm ultimately trying to unbold that text and have the checkbox directly to the right or left of the text. 

SanfordWhiteman
Level 10 - Community Moderator

Re: Custom CSS

.mktoForm .mktoLabel[for="optIn"] {
    font-weight: normal;
}

 

Don't know what you mean by "directly to the right."