HTML:
<div class=”videowrap”>

</div>

CSS:
.videowrap {
float:left;
margin: 0 20px 5px 0;
width:200px;
height:150px;
position:relative;
}

It makes no difference if the “float:left” is in the CSS or in the Div tag. The video is not clickable with “float:left”.

I need a genius.

Using the most recent version of WPP with WordPress 3.5.1 and MayaShop. URL is https://www.hothouseblog.org. I’m attempting to style the plugin for use on my website such that it looks like this:

THUMBNAIL THUMBNAIL THUMBNAIL
TITLE TITLE TITLE
EXCERPT EXCERPT EXCERPT

However, when I go into CSS and institute a “float:left” command for each section, it only works partway — I suspect this is because of the bullet points being inserted by the plugin. Any thoughts as far as a CSS fix for this, or would I have to edit the plugin file itself? If so, any thoughts as to where I might begin looking? Thanks for your input!

Seth

Web Editor – Hothouse Magazine

https://www.ads-software.com/extend/plugins/wordpress-popular-posts/

I am experiencing some image overlap like you have shown here:

https://www.allenweiss.com/faqs/my-images-are-out-of-alignment-some-overlap/

…I watched your screencast but that only applies to the default template – I am using the clean separated template. When I did include float:left in the template.css it fixed the alignment on one page but broke it on another.

You can see my issue here:

https://www.gisbuzz.com/gis-blogs/?pg=0

Thanks

https://www.ads-software.com/extend/plugins/wp-rss-multi-importer/

I’m attempting to add category icons to an existing theme on this blog:
https://1morethan2.com/

I added a plugin called Category Icons and successfully added in the code <?php if (function_exists(‘get_cat_icon’)) get_cat_icon(); ?> to multiple template files. The icon does show, but I’m having some trouble getting the article title to float next to it.

Here is what my code looks like:

<div style="float:left; margin-right:10px; width:15px;">
<?php if (function_exists('get_cat_icon')) get_cat_icon(); ?>
</div>
<div style="float:left;">
<h4 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'colabsthemes' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h4>
</div>
<div class="clear"></div>

Any idea what I’m doing wrong?

Thanks.

#main_menu ul li {
    float: left;
    text-transform: uppercase;
    vertical-align: middle;
}

This float:left is interfering with the div structure below, until it reaches a clear:both underneath the “le” and “r” div. Getting rid of the float:left solves it, however then the menu does not look right. How can I stop it from doing that?

A link to the theme:
https://www.ecodelphinus.com/temp/

With order=ASC the orphan (the last post to be querried and that happens to be on the new line) gets to be on the right.

With order=DESC the orphan goes towards the left, but leaves the space of one empty element.

The code follows:

CSS:

.contact {
float: left;
text-align:left;
margin:0px 18px 38px 0px;
border-right: 1px solid #d9d9d9;
padding-right: 9px;
margin-right: 9px;
margin-bottom: 22px;
}

WordPress markup:

<?php $temp_query = $wp_query; ?>
<?php query_posts('category_name=contacts&showposts=16' . '&meta_key=arv' . '&orderby=meta_value_num&order=asc'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="contact">
<div class="exportContact" id="post-<?php the_ID(); ?>">
<h3><?php the_title();?></h3>
<div class="pictureContact"><?php echo get_the_post_thumbnail(); ?></div>
<div class="h-line"><hr /></div>
<div class="teamContact">
 <?php the_content(''); ?>
 </div><!-- teamContact -->
</div><!-- exportContact !-->
</div><!-- contact !-->
<?php endwhile; ?>

I would like to have a bit more control over the Visual Editor, if it is possible. Basically, when people press the buttons to align text left or right or center, I would like it to give a class to the element, instead of the align=”left” or align=”right” property.

This would basically give me more control with elements such as images, so you could add padding on the right when they are aligned left and vice-versa.

So, if someone clicks the text-align left button, I would like it to give a class of left (class=”left”), then I could asign whatever I want to that class.

Is that possible?

Cheers