Front Page not centered but every other page is.
-
I have figured out every problem regarding my blog except for this one. I am using the tv-elements theme from press75. Everything looks great except for the home page. The embeded video and sidebar will not center on the home page…they stay to the left. However, when I click on a video, any video, the page looks correct; it’s centered and everything.
What am I missing?
-
Here is a link to my home page: https://www.graceplacevideo.com.
Ok. Get some good editor that manages projects and searching in files (i sugest aptana). Also get firefox and firebug nad look at any other page:
You have structure like this:
<div id=”page”>
<div id=”insidecopy”>
content
</div>
</div>
and in css #page is 100% wide, and #insidecopy 1040px wide, and margin 0 auto (centered in #page div).on homepage You have:
<div id=”showcase”>
<div id=”insideshowcase”>
hidden content
</div>
all other content
</div>
css is the same as above. So You are centering the “hidden content” but it is hidden and not shown on page. The main content goes outside #insideshowcase div, so it is not centered.I dont kno Yours index.php structure in template, but it is place where i should start searching. Or maybe You use some plugins that adds content automatically and it does it outside centered div?
Sorry for not responding sooner…holiday weekend. Thank you so much Cyberek. I was able to solve the problem in my index.php by moving the <div id=”showcase”> down a couple of rows. Appreciate it.
please im also using same theme and also i have same problem but im zero in php . so please help me out where to paste please
this code where i have paste
<?php get_header(); ?>
<?php $aOptions = tvelements::initOptions(false); ?>
<div id=”showcase”>
<div id=”insideshowcase”>
<?php query_posts(‘category_name=video&showposts=1’); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?><div id=”sharearea” style=”display:none; width:950px; float:left; height:180px; padding:0 0 30px 78px; background:url(<?php bloginfo(‘template_directory’); ?>/images/shareopen.gif) top left no-repeat;”>
<h4 style=”float:right; padding-right:314px; cursor:pointer;”>X Close</h4><h4>Share This Episode</h4>
<p>Share this episode by clicking on any of the social links below.</p>
<div id=”socialize”>
<div style=”float: left; width:210px;”>
<ul style=”list-style-type: none; line-height: 20px; padding-top: 5px;”>- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/delicious.gif” alt=”del” /> ” target=”_blank”>del.icio.us
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/blinklist.gif” alt=”blink” /> ” target=”_blank”>blinklist
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/digg.gif” alt=”digg” /> ” target=”_blank”>digg
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/facebook.gif” alt=”face” /> ” target=”_blank”>Facebook
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/furl.gif” alt=”furl” /> ” target=”_blank”>Furl
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/magnolia.gif” alt=”magnol” /> ” target=”_blank”>ma.gnolia
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/newsvine.gif” alt=”newsv” /> ” target=”_blank”>Newsvine
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/pownce.gif” alt=”pownce” /> ” target=”_blank”>Pownce
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/reddit.gif” alt=”reddit” /> ” target=”_blank”>reddit
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/stumbleupon.gif” alt=”stumble” /> ” target=”_blank”>StumbleUpon
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/technorati.gif” alt=”tech” /> ” target=”_blank”>Technorati
- <img src=”<?php bloginfo(‘template_directory’); ?>/images/share/twitter.gif” alt=”twit” /> ” target=”_blank”>Twitter
</div>
<div style=”float: left; width:210px;”>
<ul style=”list-style-type: none; line-height: 20px; padding-top: 5px;”></div>
<div style=”float: left; width:195px;”>
<ul style=”list-style-type: none; line-height: 20px; padding-top: 5px;”></div>
</div>
</div><div id=”embedarea” style=”display:none; width:950px; float:left; height:150px; padding:0 0 30px 78px; background:url(<?php bloginfo(‘template_directory’); ?>/images/embedopen.gif) top left no-repeat;”>
<h4 style=”float:right; padding-right:314px; cursor:pointer;”>X Close</h4><h4>Embed This Episode</h4>
<p>Copy and paste the code below to embed this video on your website.</p>
<textarea name=”thoughts” rows=4 style=”border:1px solid #3C3C3C; width:628px; background:#0D0D0D; padding:5px; color:#A7A7A7; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 10px; overflow: hidden;”><?php $key=”embed”; echo get_post_meta($post->ID, $key, true); ?></textarea>
</div><div id=”tools”>
-
<li id=”toolshare”>
<li id=”toolcomment”>#socialize”>
<li id=”toolembed”>
<li id=”toolsubscribe”><?php comments_rss_link(‘comment feed’); ?>
<li id=”toolread”></div>
<div id=”video”>
<?php $key=”embed”; echo get_post_meta($post->ID, $key, true); ?>
</div>
<?php endwhile; else: ?>
<?php endif; ?><div id=”videolist”>
<div id=”catlist”>
<ul class=”menu”>- Latest Videos… Select a Category
<ul class=”submenu” id=”sm_1″>
<?php wp_list_categories(‘&title_li=’); ?></div>
<div id=”slider”>
<div class=”scroll”>
<div class=”scrollContainer”>
<!– item begin –>
<div class=”panel”>
<?php query_posts(‘showposts=10000’); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); if (in_category($aOptions[‘sideblog-cat’])) continue; $loopcounter++; ?>
<?php $thumb = get_post_meta($post->ID, ‘thumbnail’, $single = true); ?>
<div class=”videoitem”>
” title=”View”><img src=”<?php if($thumb !== ”) { ?><?php echo $thumb; ?><?php } else { echo ‘https://www.wpelements.com/themehost/tve/thumb.jpg’; } ?>” alt=”<?php the_title() ?>” />
” title=”View”><h3><?php the_title() ?></h3>
<?php the_excerpt(); ?>
</div>
<?php if ($loopcounter % 4 == 0) { ?>
</div>
<!– item end –>
<!– item begin –>
<div class=”panel”>
<?php } ?>
<?php endwhile; else: ?>
<?php endif; ?>
</div>
<!– item end –>
</div>
</div>
</div></div>
</div>
</div><div id=”copy”>
<div id=”insidecopy”>
<?php query_posts(‘category_name=video&showposts=1’); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=”copycontent”>
<h2>You are now watching: <?php the_title() ?></h2>
<p><?php the_content(”); ?></p>
</div>
<?php endwhile; else: ?>
<?php endif; ?>
<div id=”sidebar”>
<div class=”sideblock”>
<?php if ($aOptions[‘sideblog-cat’] != ”) { query_posts(‘cat=’ . $aOptions[‘sideblog-cat’] . ‘&showposts=’ . $aOptions[‘sideblog-count’]); } ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=”sideblog”>
<h3>” title=”<?php the_title() ?>”><?php the_title() ?></h3>
<?php the_excerpt(); ?>
</div>
<?php endwhile; else: ?>
<?php endif; ?>
</div><?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Home Sidebar’) ) : ?>
<?php endif; ?>
</div>
</div>
</div><?php get_footer(); ?>
please anyone help me
thanks in advance
- The topic ‘Front Page not centered but every other page is.’ is closed to new replies.