Html colums

• 

  annitoivakainen · Member · August 28, 2017 at 6:33 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I try to be a coder here ;-)
  https://logiservicefi.wordpress.com/yhteystiedot/

  I would like to have the contact in formation in two column as I have got already.

  But the first field of my contact form is some how in the right column. I don´t know why. I have tried to bloq it with paragraph, but it´s not helping. Here is my code:

  <p>
  
  <div style="float:left;width:50%;">
  
  <ul>
  Puhelinnumero +358 9 682 3855
  Sähköposti info(at)logiservice.fi
  Sähköpostiosoitteet (email visible only to moderators and staff)
  
  Y-tunnus 0829845-4
  </ul>
  </div>
  <div style="float:right;width:50%;">
  
  <ul>
  Laskutus- ja käyntiosoite:
  Kaupintie 5, 5. krs
  FI-00440 Helsinki
  </ul>
  </div>
  
  </p>

  [contact-form to='(email visible only to moderators and staff)' subject='Verkkosivun lomakeviesti'][contact-field label='Nimi' type='name' required='1'/][contact-field label='Sähköposti' type='email' required='1'/][contact-field label='Puhelinnumero' type='text' required='1'/][contact-field label='Verkkosivu' type='url'/][contact-field label='Viesti' type='textarea' required='1'/][/contact-form]

  Any hints for me?

  The blog I need help with is: (visible only to logged in users)

• 

  tarasdashkevych · Theme Author · August 28, 2017 at 7:20 pm

  • Copy link

  Hi,

  If you want to create two columns grid then please use this custom HTML:

  <div class="row">
  
  <div class="col-lg-6">
  Column #1
  </div>
  
  <div class="col-lg-6">
  Column #2
  </div>
  
  </div>

  Hope this helps.

  Best,
  Taras

• 

  annitoivakainen · Member · August 28, 2017 at 7:30 pm

  • Copy link

  Hmmm..sorry, no. It´s now like this: https://logiservicefi.wordpress.com/yhteystiedot/

  My code:

  <div class=”row”>

  <div class=”col-lg-6″>
  Puhelinnumero +358 9 682 3855
  Sähköposti info(at)logiservice.fi
  Sähköpostiosoitteet (email visible only to moderators and staff)

  Y-tunnus 0829845-4
  </div>

  <div class=”col-lg-6″>
  Laskutus- ja käyntiosoite:
  Kaupintie 5, 5. krs
  FI-00440 Helsinki
  </div>

  </div>

  And I am sure how I can make a “enter” that the form do not start immediately from the next row?

• 

  tarasdashkevych · Theme Author · August 28, 2017 at 7:45 pm

  • Copy link

  I am not sure if I understand what you are trying to achieve here. Currently, your text is splitted into two columns: https://cloudup.com/cffz2he2yR6

• 

  annitoivakainen · Member · August 29, 2017 at 7:25 am

  • Copy link

  Hmmm…weird, for me it looks like this:
  https://logiservicefi.files.wordpress.com/2017/08/nc3a4yttc3b6kuva-2017-08-29-kello-9-23-57.png

  This is Crome and Safari looks the same. I have 13″ screen.

  I would like them to be like in your photo. But the “name” part also a bit more down.

• 

  annitoivakainen · Member · August 29, 2017 at 7:26 am

  • Copy link

  And yes, I have emptied the cache.

• 

  tarasdashkevych · Theme Author · August 29, 2017 at 8:51 am

  • Copy link

  “I have 13″ screen.”
  – Oh, now I see why it did not work. Could you please try this custom HTML:

  <div class="row">
  
  <div class="col-lg-6 col-md-6 col-sm-6">
  Column #1
  </div>
  
  <div class="col-lg-6 col-md-6 col-sm-6">
  Column #2
  </div>
  
  </div>
  
  <br>

  Thanks,
  Taras

• 

  annitoivakainen · Member · August 30, 2017 at 10:05 am

  • Copy link

  Thank you, it made a trick!

• 

  tarasdashkevych · Theme Author · August 31, 2017 at 9:41 am

  • Copy link

  You are welcome :)