Mr. Texas

Fixed by stripping out all counter-related code:

/* === Custom List Settings === */
ol {
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    border-top:2px solid #272727;
    border-left:2px solid #272727;
    background:#0e1014;
}
ol > li:before {
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #272727;
      border-right:2px solid #272727;
    color:#fff;
    background:#0e1014;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

• This reply was modified 5 years, 3 months ago by Mr. Texas.

So why is my custom global CSS Overriding the counter and failing to read the defined Start value from the WordPress block?

Uh oh, there is a problem. Even though the number setting is working in EDIT mode, when the website is live, it’s constantly resetting to 1 for each break. I believe this is due to my custom CSS. I’m curious, how would I modify this global CSS to allow the line settings I’m defining in the blocks?

/* === Custom List Settings === */
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #272727;
    border-left:2px solid #272727;	
    background:#0e1014;
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #272727;
	  border-right:2px solid #272727;
    color:#fff;
    background:#0e1014;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol,
li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

• This reply was modified 5 years, 3 months ago by Mr. Texas.

Hey Neil, I just went back and re-read your response and realized you answered my question with your 2nd link. My apologies – all I reviewed were the bulleted items. This is what I needed. For future reference, I recommend putting the link to the style details in as the 1st bullet point since IMO it’s the most important (and caused me to completely overlook the answer as a whole since it was an internal link).

Unfortunately, setting the wpcf7 style seems to have no impact (at all) even when put in the custom CSS settings (for my Zeen theme). Even stranger, the comments section font is dark and the EMail/Name font is yellow – even though they’re all Contact Form input fields. I assume this means there’s some global override? Although one would think putting custom CSS in for wpcf7 would be the ultimate override…

Anyone?

Gotcha; what change did you make to the template/page to adjust for this requirement?

Even if I fix it, is there a way to have it bring up another page after a successful submission? That might be a better workaround for us…

I’m not following any of the solutions here. sashafiero, what exactly do you mean?

Also, llliW, I went to that thread and it’s very old; none of the code references are proper anymore, so I don’t know what changes you are referring to.

Still stuck with no solution. The author also seems disinterested in this issue as well as he has ignored the request to review and comment on this thread.

To reiterate, regardless of using CAPTCHA or not, when the submission is processed, after the spindle disappears, nothing happens (e.g. no confirmation it was complete). Note when I have CAPTCHA showing, it changes the values, but that’s it.

I would prefer to show a “Thank you!” screen rather than seeing a little “done” response, but right now, I can’t even get that…

Note the old 225 post was deleted long ago.