MachForm Community Forums » MachForm 2

1. lifesharephoto
   Member

   I have searched the forum and found 3 threads, all with unique CSS code to center the logo. I tried them all and none of them worked for me. I do have some CSS in my custom theme. Its as follows:

   #form_container{
     width: 960px;
   }
   
   #main_body label.choice {
       font-size: 110%;
   }
   
   .ap_tp_num_active {
       background-color: #a40702;
   }
   
   div.mf_progress_value {
       background-color: #A40702;

   I'm not a serious coder but can add snippets without a problem. Can someone please help me with this? I'm hoping its something easy I am missing.

   Posted 10 years ago #
2. 

   yuniar

   To center the logo of your form, you can use this CSS code:

   #main_body h1 a {
     background-position: center center;
   }

   ---

   MachForm Founder

   Posted 10 years ago #

3. lifesharephoto
   Member

   I've pasted your code in and its still not centering.

   Here's one of my forms: http://lou-gonzalez.com/forms/view.php?id=20

   The logo is still aligned to the left.

   Here's my code as it now:

   #form_container{
     width: 960px;
   }
   
   #main_body label.choice {
       font-size: 110%;
   }
   
   .ap_tp_num_active {
       background-color: #a40702;
   }
   
   div.mf_progress_value {
       background-color: #A40702;
   
   #main_body h1 a {
   background-position: center center;
   }

   Any idea why its not centering up?

   Posted 10 years ago #

4. Lokidog
   Member

   A possible quick fix could be to make the background of your Logo image 960px and center your logo on that first.
   Just an idea.

   Posted 10 years ago #
5. 

   yuniar

   It seems you are missing the enclosing curly bracket before the CSS code to center the logo.
   Your whole CSS code should be like this:

   #form_container{
     width: 960px;
   }
   
   #main_body label.choice {
       font-size: 110%;
   }
   
   .ap_tp_num_active {
       background-color: #a40702;
   }
   
   div.mf_progress_value {
       background-color: #A40702;
   }
   
   #main_body h1 a {
   background-position: center center;
   }

   ---

   MachForm Founder

   Posted 10 years ago #

6. lifesharephoto
   Member

   Ahhh! That did it. It's amazing the power one single character has. Thanks!

   Posted 10 years ago #

RSS feed for this topic

Reply

You must log in to post.