Resizing Images

  • Resolved accuratecontrols

    (@accuratecontrols)


    8 years, 5 months ago

    I have been trying to resize the images by wrapping it in a table like you suggested in the FAQ as well as in div column tags. Examples of the code I’ve tried is below…

    Table code:

    <table>
<tr>
<td style="height:500px; width:400px">
[shortcode]
</td>
</tr>
</table>

    Div column code:

    <div class="col-md-4"></div>
<div class="col-md-4">
[shortcode]
</div>
<div class="col-md-4"></div>

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    Neither option worked to resize the images. The div column code just pushed the images over to the right but did not resize them. I have tried the object-fit:contain CSS attribute to all the tags as well. I appreciate your help, thanks!

    • This topic was modified 8 years, 5 months ago by bdbrown.
    • This topic was modified 8 years, 5 months ago by bdbrown.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author maui2wp

    (@maui2wp)

    8 years, 5 months ago

    Hi @accuratecontrols
    This should be related to the theme you are using…

    Please have a try with i.e. a standard theme like Twenty Sixteen

    I tried with Twenty Sixteen and it is fine. With a theme like i.e. Uncode the resizing fails

    If you post your theme name I could have a look at…

    PS it is better to specify only table width and in percent… then the plugin will resize accordingly

    Thread Starter accuratecontrols

    (@accuratecontrols)

    8 years, 5 months ago

    I’m still learning about WordPress so I’m only developing locally. I’m not sure my theme is online. But below is my page template that I’m using with your plug in. I hope that helps. I’m open to changing my template if that would fix the issue too.

    <?php
/* Template Name: Text Only Page
@package WordPress
@subpackage aci */
?>

<?php get_header(); ?>

<div class="container" style="background: rgba(128, 128, 128, 0.4)">
  <div class="row">
     <div id="content" class="textPageContent">

	<?php
	// TO SHOW THE PAGE CONTENTS
	while ( have_posts() ) : the_post(); ?> 
	<div class="entry-content-page">
	  <?php the_content(); ?> <!-- Page Content -->
	</div><!-- .entry-content-page -->

	<?php
	endwhile; //resetting the page loop
	wp_reset_query(); //resetting the page query
	?>

     </div><!-- /.content -->
  </div> <!-- /.row -->
</div> <!-- /.container -->

<?php get_footer(); ?>

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    • This reply was modified 8 years, 5 months ago by bdbrown.
    Plugin Author maui2wp

    (@maui2wp)

    8 years, 5 months ago

    The page template is not enough.

    Please test the resizing applying an official WordPress theme among:
    Twenty Seventeen, Twenty Sixteen, Twenty Fifteen.

    After a successful result, move to your theme and see if you can manage to obtain the same result.

    PS you may have some other plugins that interfere with the resizing…
    https://kb.yoast.com/kb/how-to-check-for-plugin-conflicts/

    Thread Starter accuratecontrols

    (@accuratecontrols)

    8 years, 5 months ago

    You are correct. It is my custom theme that is the issue. I was able to resize the plugin with the official WordPress themes. I will continue to work on fixing my theme to allow for resizing. Thanks so much for your help!

    Plugin Author maui2wp

    (@maui2wp)

    8 years, 5 months ago

    @accuratecontrols
    thank you for your positive feedback!
    Please consider to review my plugins 😉
    https://ww.wp.xz.cn/support/plugin/spin360/reviews/

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

The topic ‘Resizing Images’ is closed to new replies.

Tags