Docs

[jmartinos]

Hello,

1. I have recently placed some HTML code into a raw element to create a form within my page. When the code was used before in another website, it only showed the input fields, but now in the raw content field, it is showing odd lines under each input field that extend off to the right of the form. Is there something I am missing that can fix this?

2 Also, nothing I do is aligning the form to the center. I have tried in the HTML code (I may just be doing that wrong) and I have tried the alignment buttons within cornerstone and it still won’t center, it always moves to the left and depending on the size of the page, it has an odd gap on the right. Is there another option I’m not thinking of to center it?

Here is a link for reference: http://eliteitbusiness.com/new/lp-state-utah-2/

Thank you!

[Rahul]

Hi There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[jmartinos]

This reply has been marked as private.

[Rad]

Hi there,

1. It’s due to table lines, please add this CSS to Admin > Appearance > Customizer > Custom > CSS

form table th, form table td {
    border-top: 0px;
    padding: 0px 10px;
    text-align: center;
}

2. Add this too,

form table th, form table td, form tbody {
    display: block;
}

Hope this helps.

[jmartinos]

Hello,

Thank you so much for your response.
1. Awesome, the lines are gone!
2. This realigned all of my table fields to the left of the column. I have attached images below to show the difference before and after the CSS was added.

[Nico]

Hi There,

Upon checking your setup, It is showing internal server errors. Please contact your host regarding this issue. For you code above, add class to the table or div where your table is located then add class to it for example:

.yourtableclass form table th, .yourtableclass form table td {
    border-top: 0px;
    padding: 0px 10px;
    text-align: center;
}

Hope it helps.

Let us know how it goes.

Thanks.

[jmartinos]

Hi,

Thank you for letting me know about the hosting, I will look into that. Per your recommendation, I added this to my Custom CSS in Appearance – Customize – Custom CSS

.leadformcenter form table th, .leadformcenter form table td {
    border-top: 0px;
    padding: 0px 10px;
    text-align: center;
}

And I changed my HTML table tag in my lead form to this:

<table class=".leadformcenter">

It didn’t seem to make a difference and it still aligns to the left. Did I misunderstand how to add the css or what you were saying? I’m not great with CSS so I wouldn’t be surprised.

Thank you for your help!

[Friech]

Hi There,

Do not prefix the class with period when assigning it.

<table class="leadformcenter">

Thanks.

[Author]

Posts