|
juriaan waltmann
|
August 19, 2013 at 4:39 am
There are spaces in front of many form items.
look at my page at: http://www.ipma2014.com/registration-ipma-2014/?ee=1
spaces in front of 29 september 2014, 1 october…, EUR600.00…, text areas.
I think it has to do with open space between 2 span classes. Where can I edit this. In wich template?
Perhaps the spaces are needed in other places in the theme, but then there should be places in front of start time and end time also.
Also a space is missing almost everywhere between EUR and payement ammount.
thx, Juriaan
|
|
Dean
|
August 19, 2013 at 6:02 am
Hi,
The file that controls that view is registration_page_display.php. If you wish to edit it, copy that and the registration_page.php file to wp-content/uploads/espresso/templates/
Alternatively, this snippet of CSS should resolve it.
<pre class=”brush: css; gutter: true; first-line: 1; highlight: []; html-script: false”>.span_event_date_value,
.span_event_date_label,
.event_price_value {
margin-left: -5px;
}
|
|
juriaan waltmann
|
August 19, 2013 at 6:23 am
Please advise where to put the CSS code/snippet… I found out that the styling on one page is influenced by many css files.
|
|
Dean
|
August 19, 2013 at 6:26 am
Hi,
You can either add it to the bottom of your themes style.css file or use a separate plugin such as the excellent My Custom CSS http://wordpress.org/plugins/my-custom-css/
|
|
juriaan waltmann
|
August 19, 2013 at 6:35 am
Did it but it does put the the whole line 5 pix to the left.
I left out “<pre class=”brush: css; gutter: true; first-line: 1; highlight: []; html-script: false”>” in the CSS
Also the problem is still there that the text fields (personal information – First name etc) are not in line
Also Workshop buttons should all be in line with the text fields…
Look at it with the css you provided.
http://www.ipma2014.com/registration-ipma-2014/?ee=1
|
|
Dean
|
August 19, 2013 at 6:41 am
Sorry, must of mistyped it, try this
.span_event_date_value,
.event_price_value {
margin-left: -5px;
}
For the radio buttons, try
.event_espresso_form_wrapper ul li {
margin-left: 0;
}
.event_espresso_form_wrapper ul {
padding: 0;
margin:0;
}
|
|
juriaan waltmann
|
August 20, 2013 at 3:09 am
HI Dean,
It was eassier to align with
.span_event_time_value {
margin-left: 5px;
}
.event_price_value {
margin-left: 1px;
}
Thx for that.
But the problem with the radio buttons is hard to solve. It would be nicest if it would like what I made in photoshop.
There are 2 yellow lines in the jpg wich show what should be aligned. Also I created a Space between EURO and 600 in photoshop.
Thx in advance
|
|
juriaan waltmann
|
August 20, 2013 at 3:11 am
JPG
|
|
Dean
|
August 20, 2013 at 3:52 am
Hi,
Some CSS should sort that.
.event_espresso_form_wrapper ul li {
margin-left: 145px;
}
p.quest-group-descript{
padding:0 !important;
}
The Euro issue cannot be resolved currently. Going forward, 4.X will make it easier to structure pricing formats, so this should no longer be an issue.
|
|
juriaan waltmann
|
August 20, 2013 at 4:19 am
THX !!! Works perfect !!! pitty about the EURO issue. We wait till 4.x 😉
|
|
Dean
|
August 20, 2013 at 5:54 am
No problem!
|
