Wordpress Form wont fit on page PLEASE HELP!!!!!!!!!!!!!!

I am trying to get my form to appear within the div completely while being left aligned.

I can't seem to do this in wordpress, Can anyone help me?
[ICODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
<html xmlns="http://www.w3.org/1999/xhtml"; <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">;
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php if(pbt_theme_option('seo')!=2) { // New SEO options ?>
<?php if((is_home() && ($paged < 2 )) || is_single() || is_page()) { echo '<meta name="robots" content="index,follow" />'; } else { echo '<meta name="robots" content="noindex,follow" />'; } ?>

<?php if (is_single() || is_page() ) : if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<meta name="description" content="<?php pbt_metaDesc(); ?>" />
<?php pbt_csv_tags(); ?>
<?php endwhile; endif; elseif(is_home()) : ?>

<meta name="keywords" content="<?php if(pbt_theme_option('keywords')) { echo decode_textarea(pbt_theme_option('keywords')); } else { echo 'wordpress,c.bavota,feed me seymour,custom theme,themes.bavotasan.com,premium themes'; } ?>" />
<?php endif; ?>
<?php } // end SEO options ?>
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' | '; } ?><?php bloginfo('name'); if(is_home()) { echo ' | '; bloginfo('description'); } if ( $paged > 1 ) { echo (' | Page '); echo $paged; } ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php pbt_header_css(); ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="<?php echo THEME_URL; ?>/iestyles.css" />
<![endif]-->
<?php if(is_singular() && get_option('thread_comments')) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_enqueue_script('effects'); ?>
<?php wp_head(); ?>
<?php if(pbt_theme_option('google_analytics')) { echo decode_textarea(pbt_theme_option('google_analytics')); } ?>
</head>

<body <?php body_class(); ?>>
<!-- begin header -->
<div id="header">

<style>
#logo {
float: left;
margin-top: 10px;
margin-left: 10px;
height: 200px;
}
#logo a {
display: block;
height: 200px;
vertical-align: middle;
display: table-cell;
}
#logo img {
width: 300px;
}
.mergeRow, #mc-indicates-required{
display: none;
}
#form-canvas {
font-family: Calibri, Georgia,Times,serif;
font-size: 16px;
background-color: #52C3C6;
margin: 10px 10px 10px 340px;
/*width: 480px;*/
height: 200px;
}
#form-canvas form {
width: 100%;
padding-left: 20px;
}
#mc_signup_submit {
margin-top: 8px;
border: 0px;
background-color: #353234;
width: 150px;
color: white;
}
.mc_signup_submit {
text-align: left !important;
}
div#text {
height: 80px;
padding: 5px;
}
#mc_mv_EMAIL {
width: 252px;
}
#mc_mv_FNAME{
width: 282px;
}
</style>
<div id="logo">
<a href="/">
<img src="http://savannaheventsandweddings.com/wp-content/uploads/2013/01/logo.png">;
</a>
</div>
<div id="form-canvas">
<div class="centered" id="text">
<p style="text-align: center; margin: 3px;">Get Your Free e - guide!</p>

"10 Wedding Secrets to SAVE you thousands!
Plus your complimentary subscription to our monthly newsletter "After The Yes" filled with design ideas and how-to for planning your special day!" ($99 value)
</div>

<script type="text/javascript" src="http://forms.aweber.com/form/79/1618380479.js"></script>;

</div>



<?php
if(function_exists('wp_nav_menu')) {
wp_nav_menu( array( 'theme_location' => 'main', 'menu_class' => 'sf-menu', 'sort_column' => 'menu_order', 'container_class' => 'main-navigation', 'fallback_cb' => 'pbt_display_home' ) );
wp_nav_menu( array( 'theme_location' => 'sub', 'menu_class' => 'sf-menu', 'sort_column' => 'menu_order', 'container_class' => 'sub-navigation', 'fallback_cb' => 'display_none' ) );
} else {
echo '<div class="main-navigation"><ul class="sf-menu"><li><a href="'.get_bloginfo('url').'">Home</a></li>';
wp_list_categories('title_li=');
echo '</ul></div>';
}
?>

</div>
<!-- end header -->


<div id="mainwrapper">
<?php
$loc = pbt_theme_option('sidebar_location');
if($loc==1 || $loc==3 || $loc==5) {
get_sidebar(); // calling the First Sidebar
}
if($loc==3) get_sidebar( "second" );
?>
<div id="leftcontent">
[/ICODE]

Comments

  • Maybe this will help in your problem.

    sourcing: wordpress.org/support/topic/plugin-custom-contact-forms-request-more-flexible-css-in-ccf-plugin

    How to create more flexible CSS in CCF.
  • jorgepson wrote:
    Maybe this will help in your problem.

    sourcing: wordpress.org/support/topic/plugin-custom-contact-forms-request-more-flexible-css-in-ccf-plugin

    How to create more flexible CSS in CCF.



    @jorgepson
    Thanks for this. I was also facing this problem.

    THANKS AGAIN.
Sign In or Register to comment.