text down at contact field - Support | Kriesi.at

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
July 21, 2015 at 4:10 pm #476592

wiwaldi79
Participant

how can i bring this text down under the field and the field up? on this page http://www.alfaweb.at/testwaldi/kontakt/ without affecting this contact form: http://www.alfaweb.at/testwaldi/dein-vorschlag/

View post on imgur.com

July 23, 2015 at 1:17 am #477438
Josue
Inactive Moderator
Hi!

Set a custom class to the form you want to affect and change this code accordingly:
```
/*Kontaktformular anpassen*/
label {
top: 75px;
}
```
Something like:
```
/*Kontaktformular anpassen*/
.special_form label {
top: 75px;
}
```
Cheers!
Josue
July 23, 2015 at 9:10 am #477568

wiwaldi79
Participant

Hi i have set “label_kontakt” to http://www.alfaweb.at/testwaldi/kontakt/ but it don`t work. how can i bring the field up? which code must i add to css class “label_kontakt” ?

July 23, 2015 at 9:49 am #477593
Josue
Inactive Moderator
No, remove the class from that form, set it to this form instead and change your code in style.css to:
```
/*Kontaktformular anpassen*/
.label_kontakt label {
top: 75px;
}
```
That way the mod will only be applied to that form.
July 23, 2015 at 10:04 am #477602
wiwaldi79
Participant
Sorry. but now im confused.

http://www.alfaweb.at/testwaldi/dein-vorschlag/
http://www.alfaweb.at/testwaldi/kontakt/
http://www.alfaweb.at/testwaldi/kontaktdetails/

Now it don`t work on any form ;(
```
/*Kontaktformular anpassen*/
.label_kontakt label {
top: 75px;
}
```
July 23, 2015 at 8:04 pm #477926

Josue
Inactive Moderator

It is working as planned, now you just need to set the same class (label_kontakt) to this form – http://www.alfaweb.at/testwaldi/kontaktdetails/

Best regards,
Josue

July 23, 2015 at 9:10 pm #477960

wiwaldi79
Participant

http://www.alfaweb.at/testwaldi/dein-vorschlag/ this works perfect and has no css class.

this http://www.alfaweb.at/testwaldi/kontakt/ has a css class and don`t work.

how can i bring the text under the field and move the field up here http://www.alfaweb.at/testwaldi/kontakt/ and here http://www.alfaweb.at/testwaldi/kontaktdetails/

July 23, 2015 at 9:58 pm #477980

wiwaldi79
Participant

can i do this with an section id for all elements.

ismale provides this code: –>

https://kriesi.at/support/topic/bring-text-down-and-center-text/

July 27, 2015 at 7:04 pm #479250
Yigit
Keymaster
Hi!

Please add following code to Quick CSS
```
input#avia_avia_age_1 {
    top: -40px!important;
    position: relative;
}
span.value_verifier_label {
    top: 25px;
    z-index: 9;
}
```
Regards,
Yigit
July 31, 2015 at 9:36 pm #481564

wiwaldi79
Participant

http://www.alfaweb.at/testwaldi/kontaktdetails/

Thanks Yigit. Nearly perfect. How can i fix this? Thanks :)!!!!!!!!!

July 31, 2015 at 9:52 pm #481570

wiwaldi79
Participant

And Yigit one other thing a don`t get done. i have tried so much but…. http://www.alfaweb.at/testwaldi/coffee-lab-in-wolfsgraben/

how can i make the white outline small like here: http://www.alfaweb.at/testwaldi/kontakt/ and how can i center the image (round circle portrait) at the end of the site vertically? like the picture at the top?

can i do this with a custom css class? which code must a add the style.css to do this with an custom class? thanks, greetings, all the best to you :)

August 1, 2015 at 4:46 am #481622
Josue
Inactive Moderator
Hey!

Try adding this code to the Quick CSS to skim the border-radius:
```
.av-styling-circle .avia_image {
    padding: 2px;
}
```
Regarding centering, can you post a mockup of how it should look?

Cheers!
Josue
August 2, 2015 at 11:59 am #481752
wiwaldi79
Participant
Thank you Josue. Looks really good. For the centering –> http://imgur.com/hHZFgq1 for the top of the page.

http://imgur.com/BPtLHIL for bottom of the page. Thanks a lot.

And do you know how i can center this image at the footer? http://imgur.com/2yUMSUd

Thanks, nice sunday to you, Greetings, Alexander
- This reply was modified 9 years, 3 months ago by wiwaldi79.
August 2, 2015 at 12:22 pm #481756

wiwaldi79
Participant

And to the top issue.

There is a css class for the contact form: “label_kontakt”

I use the contact form an many pages:
A) http://www.alfaweb.at/testwaldi/dein-vorschlag/ a litte error
B) http://www.alfaweb.at/testwaldi/portraits/alpha-coffee/ a litte error http://imgur.com/gdc2Z1g not the correct high – the numbers don`t disapear by typing in the answer and there is no “SENDING SUCCESS” message only the title appears after sending. http://imgur.com/UoiO1rP

August 5, 2015 at 10:49 am #483202

Andy
Inactive Moderator

Hey!

not sure what’s going on, but can’t see what’s showing on your screenshots when opening the website in private content. I think we have to login first, right? please provide login details here as private reply, because we need to inspect the elements.

Cheers!
Andy
Author

Posts

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.