Formatting Question/Problem

  • Having a problem with a sidebar widget and spacing. It is a problem (I think) in the page template and how it uses DIV tags. I have tried putting a table into the template and it ruined the sidepage and widgets.

    The site is https://www.pabmxtrack.com and the problem is the first sponsor image under the HookIt widget on the right side.

    Here is the code from the page template if that helps, any ideas and suggestions would be awesome:

    <?php get_header(); ?>
    <div id=”wrap”>
    <div id=”content”>

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    <div id=”page-<?php the_ID(); ?>” <?php post_class(); ?>>

    <h2 class=”page-title”><?php the_title(); ?></h2>
    <?php edit_post_link(__( ‘Edit’, ‘themezee_lang’ )); ?>

    <div class=”entry”>
    <?php the_post_thumbnail(‘medium’, array(‘class’ => ‘alignleft’)); ?>
    <?php the_content(); ?>
    <div class=”clear”></div>
    <?php wp_link_pages(); ?>
    </div>

    </div>

    <?php endwhile; ?>

    <?php endif; ?>

    <?php comments_template(); ?>

    </div>

    <?php get_sidebar(); ?>
    </div>
    <?php get_footer(); ?>

Viewing 6 replies - 1 through 6 (of 6 total)

  • change this

    .jetpack-image-container:before, .jetpack-image-container:after {
display: table;
content: "";
}

    to this

    .jetpack-image-container:before, .jetpack-image-container:after {
display: inline-block;
content: "";
}

    Sorry. Located here:

    wp-content/plugins/jetpack/modules/widgets/widgets.css

    Also you can remove this

    .jetpack-image-container:after {
clear: both;
}

    or change it to

    .jetpack-image-container:after {
clear: none;
}
    Thread Starter 2finger

    (@2finger)

    Wow.

    Amazing that you gave me the answer that quickly. Thanks!

    Np. Nice site.

    You can put this to fit first widget not appearing out of position.

    If you have access to it change code to:

    <iframe id="HookitPlugins_SpotWidget1" onload="HookitPlugins.SpotWidgetLoaded(this)" src="https://www.hookit.com/plugins/spots/?spot_id=port-angeles-bmx&width=300&height=350&borderColor=%23000&borderWidth=1&" style="width: 275px; height: 350px; border: 1px solid rgb(0, 0, 0);"></iframe>

    width: 275px

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Formatting Question/Problem’ is closed to new replies.