Search Results for 'image sizes'

You’d likely need to edit the image sizes in the functions.php file, and then modify the modules for VC in the VC modules folder to change the dimensions (e.g., change something like 300×175 to 170×300 or whatever. Not simple, but you could certainly take it upon yourself to experiment with that.

Or, you could hire a developer to modify that for you, which can sometimes be less of a headache.

This is usually an issue with using crappy Jetpack Photon, in my own experience.

For ‘featured images’ WordPress will normally scale the image to fit the theme sizes but it has no “optimization” system in place to change the resolution of images. WordPress works based on pixel widths, not dpi; so it will generally always load a 72dpi/96dpi/ppi image. So, a 640×480 image is still a 640×480 image even if you start with a 1280×960 image and is reduced from the original to a new image file; it’s not loading the 1280×960 image, it’s loading the smaller copy which is 1/2 the resolution.

Might not be related to your issue. Just food for thought 🙂

That border is shown because your images don’t “fill” the spaces of the layout.

You need to regenerate thumbnails to the sizes used by those boxes.

If those boxes are larger than your original sizes, you need to use something like “Thumbnail Upscale” which over-rides WordPress turning off builtin upscaling “feature.”

+1 and https://forum.tagdiv.com/topic/smartlist-image-sizes/

Yeah. You would have to manually modify the blocks to use the same sizes in all the blocks, which seems to be a bit of a pain as you’d need to redo that with each theme upgrade.

But if you just used ONE module/block with square thumbs and used only that it might work, but not very exciting. I think with all square images you’d also end up with some blank space in blocks, etc.

Likely doing a mockup image to post here might help the tech support folk get a better idea of what you’re hoping to do and whether it’s possible or not.

Obviously with the wide blocks if you made the wide image square it would either be more narrow, or taller to be square, and with vertical it would break the box layout since it would be too wide, so it would be half as tall to keep same width.

My head hurts on that 😉

Thanks Chris, to be more specific, my problem is that it seems to be shrinking the images so there are horizontal thumbs, vertical thumbs, etc. What I’d like is consistently square thumbs, so changing module/block sizes doesn’t seem like it would fix it?

Thanks!

Wow, thank you for your input. Very much appreciated.

However I feel like a dork because I’m not sure I get it 🙂

I copy the thumb size from:

td_global::$thumbs_list = array(
array(
‘name’ => ‘td_0x420’,
‘width’ => 0,
‘height’ => 420,
‘crop’ => array(‘center’, ‘top’),
‘used_on’ => array(
‘tagDiv Image Gallery’
)
)
array(
‘name’ => ‘td_80x60’,
‘width’ => 80,
‘height’ => 60,
‘crop’ => array(‘center’, ‘top’),
‘used_on’ => array(
‘Block 15’, ‘Live search’
)

and put the dimensions in the shortcode (I’ve tested all sizes from $thumbs_list):

[gallery size="td_0x420" link="file" td_select_gallery_slide="slide" td_gallery_title_input="Test" columns="2" ids="1769,1773,1771,1753,1759,1891,1792"]

But this doesn’t solve the issue. I’m sure there’s something that has evaded me but I don’t know what 🙂

Any ìdeas?

Hm. It might be on either the wordpress > media > settings page (same place with the small/medium/large sizes for thumbnails.

Or, I think it was in the theme panel … um…. (you know, I am now getting the two themes confused…) …

okay…
theme panel > post settings > featured images > crop featured image …

Well, responsive design is designed to resize images “to fit” … hence the name. Not all phones and tablets have the same resolution, so technically impossible to have all the sizes for every phone. Unless you know how to do that?

So, if you happen to use that size yourself, you may want to add that specific size to your functions.php file for the image thumb sizes, and/or make sure that size is enabled in the theme panel if it’s a standard size, and/or make that specific size the medium size in your wordpress > media > small/medium/large sizes to force enable that size.

*then* regenerate thumbnails so you have that size for your specific phone.

🙂

We also use “thumbnail upscale” plugin to make some of the smaller images a tad bigger, since we had a lot of 300x and 500x images and wanted them to fit 640x sizes. Fun 🙂

And of course “regenerate thumbnails” to get it all working right.

Had couple of ooooooold websites with same issue. The auto post thumbnail pro really saved the day for us. 🙂

Theme cannot break image location or remove items from your media lists/folder.

You should regenerate thumbnails to fit news sizes used in theme.

If you check your media/uploads folder via FTP, you might be able to check on the permissions for that folder. If you accidentally deleted that, it would not be recoverable; hopefully you backed up your site prior to making major changes.

An example image link, like so – does appear missing:
http://dance.land/wp-content/uploads/2014/12/nathan-barnatts-curious-dances.jpg

However installing the theme does not delete your /uploads/ folder unless you did that manually. If you deleted the /uploads/ folder, or the /wp-content/ folder for some reason, then that would have deleted the images folder.

Ideally you should double check with your hosting provider in case they have some bizarre setting which impacts that folder in some way.

• This reply was modified 11 years by simchris.

Visual Composer was updated with theme 1.31 the other day; it updated the version of Visual Composer which broke due to WordPress 4.1 update.

The plugin is updated separate from the theme, as it’s a plugin. So you have to delete old plugin, and install the newer version.

Newsmag 1.31 just updates the plugin, which can be installed alone if you already have Newsmag 1.3.

The updated version of Visual Composer (changelog):
19.12.2014 - ver 4.3.5
- Compatibility with WP 4.1

For images, make sure you have regenerated thumbnails for the theme sizes.

Thank you Emil!

I dropped the following code into the post:

<div class="wrapper">
       <div class="ribbon-wrapper-green"><div class="ribbon-green">$85.99</div></div>
</div>

I also only used this part of the code:

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 52px;
  right: -2px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

It seems to work. I adjusted the position slightly.

The problem that I have, is that some of the featured images seems to be different sizes? Thus the ribbon seems off on some pics.

Also how can this also be put on the thumbnails?

Thank you

• This reply was modified 11 years by mboydnv.