• 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?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter thibsy

    (@thibsy)

    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?


    ?wiat?em Malowane, fotografia ?lubna, zdj?cia ?lubne

    Thread Starter thibsy

    (@thibsy)

    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
    • </div>

      <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/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
    • </div>

      <div style=”float: left; width:195px;”>
      <ul style=”list-style-type: none; line-height: 20px; padding-top: 5px;”>

    • <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>
      </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&#8217;; } ?>” 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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Front Page not centered but every other page is.’ is closed to new replies.