Search Results for 'image sizes'

    No search results were found in Documentation!

Results from the Forum
simchris
tagDiv Member

WordPress cannot create larger thumbnails than the size you upload.

So, you’d need to either
a) hack the template or use custom CSS to make the image in the template be
style="width:100%;height:auto"

b) use a plugin like Thumbnail Upscale which will create the larger image sizes for some of the templates than what you upload.

Lucian
tagDiv Staff

Hi,

Unfortunately the theme dons’t have an option for that and you would need custom changes for that. You can use another post template if you don’t want the full width parallax image.
The parallax post template uses the image at its original sizes. You can find all image thumbs that theme creates in theme panel > block settings: http://screencast.com/t/uLCKR1iC

Sorry for the inconvenience!
Thanks for the message!

Lucian
tagDiv Staff

Hi,

Unfortunately that happens as the block uses a small thumb and on mobiles it gets enlarged (stretched) via css.
If you don’t mind using a larger thumb image for block’s 11 thumbs you could try to change the thumb size for it. Edit the td_config file and change the width and height of the thumb from here: http://screencast.com/t/7uaZn7UEvGC ..then regenerate thumbnails like this: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

Please also consider that changing this thumb sizes will also affect mega menu and module 10 which also use this thumbs.
Hope this helps!

Thanks

Sean
tagDiv Member

Sorry, just realised the image sizes. I’ve fixed it with CSS for the time being, might move on to the upscale plugin you recommended soon. Thanks very much!

Alin [tagDiv]
tagDiv Staff

Hi,

You can find image sizes here: http://screencast.com/t/FEi1uWgqgq3v

Thanks!

Marius
tagDiv Staff

Hi,

1. If you modify the image sizes you need to regenerate the thumbnails to see the changes then inspect the image to be sure there is the correct image size. At this moment your images are at 300x300px. About number of columns, there’s no settings in WooCommerce to do that and this can be changed via a hook(custom code).

2. This will be fixed in the next update, the bug is from the latest WooCommerce version. Untill that you can use this CSS to fix it

.wc-proceed-to-checkout {
clear: both;
text-align: right;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
}

3. The issue is not the theme, some plugins need custom integration with each theme to work, like WooCommerce plugin to. You saw that on that plugin with real estate.
I don’t have the plugin to test it, sorry about that, if you want you ca try this from here: https://support.woothemes.com/hc/en-us/articles/203987053-Show-a-custom-template-for-the-vendor-shop-page-taxonomy-

Marius
tagDiv Staff

Hi,
Is a recently issue, what you can do is to change like here: http://screencast.com/t/pZJuwpyv2H that 96 value. This will search for an image at 96x96px and if the image doesn’t exist will take the original image.

Before was 100 and the theme use 100x75px image on some blocks, and that function doesn’t support to specify all sizes only 100 and with 100 value will found that image with width 75.

Do you mean this for the author post?
Will be fixed in the next version.

Thanks for the message!

Marius
tagDiv Staff

Hi,

1. I’ve tested your SWF banner and works for me at the right size, see here: http://screencast.com/t/YedK0peDsvo
Also needed to be a little aligned to bottom, i used this CSS:

.td-a-rec object {
    position: relative;
    top: 11px;
}

2. Thanks for the suggestion, about the flash ads, you can use the code for images but instead of image paste your SWF code for each responsive sizes.

https://forum.tagdiv.com/ads-system-full-guide/

Code example, instead of <a hre..... replace with your SWF code:
http://pastebin.com/Txu6RZTH

3. There need a CSS fix if you want to use with SWF’s, use this CSS

.td-header-wrap .td-header-sp-ads .td-a-rec  {
    display: block;
    margin: 20px auto 15px;
}

Thanks for the message!

  • This reply was modified 11 years by Marius.
  • This reply was modified 11 years by Marius.
simchris
tagDiv Member

And one I keep forgetting until I do a theme upgrade; this really should have been part of 1.6 core update, but TagDiv helped me with this back on 1.2 or 1.4, which is for the thumbnails used at bottom of posts for “related” items. If you run various pagespeed testing tools, you might get the annoying notice about “not resizing” those images, which are actually 200×150 last time I looked. BUT, the theme resizes them from the 238x thumb vs making new one, when you have the 3 column related items as I do.

SO: here is fix for that; you need to edit /includes/td_config.php

(NOTE: syntax changed from 1.4 to 1.6 with API syntax; so if using older version copy one of the preceding elements and add the additional size).

So, around line 797 in v 1.6 you would need to add this:

td_api_thumb::add('td_200x150',
array(
'name' => 'td_200x150',
'width' => 200,
'height' => 150,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Related articles'
)
)
);

And then in the theme panel for the thumbnails, “activate” the 200×150 size, and sadly YES, once again run “regenerate thumbnails” plugin (since there are no 200×150 thumbs).

So, now when you load the “related” images at bottom of your posts, they will be 200×150 “actual size” and not “resized” 238×00 images.

Not a hyper critical item, but for those trying to get that last dot of speed rating, this is one of the action items.

Hope these all help folks “dial it in.”

🙂

simchris
tagDiv Member

Hi
most of the functions moved to the /includes/speedbooster/wp_booser/td_wp_booster_functions.php file

However, I think the image sizes are in
/includes/td_config.php

Daziaus
tagDiv Member

Hi,

I havn’t heard back from emails so I wanted to try the forums to see if there are any solutions. Have tried the above method of disabling other plugins and left visual composer on etc.

Tried using the different sizes, different alignments, different link methods, disabled lightboxes etc.

Please let me know what is going on with the double images as I cannot seem to fix it by trying out different variations of settings etc.

I have a screenshot but it looks exactly like everyone elses screenshots and have posted the comment on Evanto.

Thanks

MyNarrabri
Participant
#0

I just tried to resize the images and category thumbs for WOO Commerce using the Woo Settings.

Well, is there any particular reason why the resizing is NOT HAPPENING ???

Please advise where I can change the sizes of thumbs in Woo Commerce in your Theme.

Thank you.

Bryson T
tagDiv Member

You should always upload images over 1920×1080 to guarantee clean quality images in every position with this theme. The appropriate smaller sizes are created when you upload and the 1920×1080 covers the full screen post featured image.

Lucian
tagDiv Staff

Hi,

My guess is that somehow your update hasn’t been done well or you have made changes/modifications to the theme as the it seems that this css code is missing or it’s not applied: http://screencast.com/t/jPoIT65Hu
Please also test this after disabling the css minifier/html compressor and make sure you empty cache/purge files afterwards then test again without plugins.
Add this css in theme panel > custom css for the mega menu issue:

.td-mega-menu .td_block_mega_menu {
padding-top: 20px;
}

For the “Related posts” issue, after I inspected your site I noticed that the images are loaded at their original sizes which should not happen so I suggest you follow this guide and regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
After that please make sure you empty cache and/or purge files.
The line height/ font/ size/ family/ weight.. can be changed from theme panel: http://screencast.com/t/DHO5IQnJrLqW

Thanks

Lucian
tagDiv Staff

Hi,

1. Please check you console for errors on those pages where the font aren’t rendered properly and also try this without any plugins active. Let us know if you still have this issue and provide a link to a page which has this issue and more details about this.
2. I’m not sure to which cases you refer too as the theme dose create other thumbs of different sizes when you upload an image so please provide more details about this also.

Thanks

Lucian
tagDiv Staff

Hi,

The thumbs for the images on blocks/modules are created by the theme and loaded at smaller sizes so when on phones or tablets depending on the screen view the thumbs need to get a bit stretched so that they fill their container. You could change this by adding a new thumb size or altering the one you use and have it to use a larger one which would look better on mobiles or tablets.
The size of the images can be changed from functions.php: http://screencast.com/t/FbsZ2g0g
And regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also note that if you alter it’s size it you might need some css modifications.
You could change it’s color via css but only if you’re using different blocks on your sidebar as if you’re using the same block/blocks you can’t target via css just one and change it’s color.
Let me know of your situation I’ll let you know if it can be done easily.

Thanks

pdcryan
Participant
#0

Loving the NewsMag theme so far. However, for the life of us, we cannot figure out what size photo would actually fill the full “featured” photo area when using the “slider” element, across two columns (we have our page split 2/3 + 1/3 there. You an see it at http://www.mercerme.com. We’ve tried a couple of different sizes, including using full sized/4:3 photos from our DSLR. Not matter what we use, there’s a small grey bar at the bottom of the featured image when shown on our homepage in the slider, indicating that it’s being cropped or somehow not big enough.

Any thoughts here on what aspect ratio or size to use would be helpful.

Thanks!

kestasve
Participant
#0

Hello,
I have a question what is wrong with on my website’s frontpage images why its so small? Im using block 3. I tried to regenerate thumbnails still same issue.
Any help?
Website http://www.beast.lt/

And another issue with images alingment between featured image and post images please check screenshoot.
http://prntscr.com/62posm

Tech Lifestyle
tagDiv Member

I have one more Q because this days we creating material for the NewMag theme.
Can we use uniform sizes for post images (A x Bpx) no matter which themes template we use now and in the future?

Thanks,
Vladimir

simchris
tagDiv Member

Hi everyone
On the topic of “PageSpeed,” I have already answered the same questions 50-100 times the past year and they are all covered in the “sticky” thread found in the Newspaper forum.

I am no longer providing any help with PageSpeed issues, as this is all covered in the sticky topic for advanced users; and for newbies, the settings/docs provided by TagDiv for the theme docs (link right side of page) will get you to the 80+ stage right away. If your score is below that then you *did not* follow the theme docs or this topic on the basics for speeding up your WORDPRESS install.

WordPress optimization is widely covered on the net – it’s not theme specific.

You need to have
a) fast hosting; $3/month accounts or “free” hosting are crap.
b) have gzip/deflate running on server
c) you need to set expiration headers in your htaccess (noted in docs)
d) you need to have an image optimization strategy (noted in docs); either via plugin and/or changing optimization setting in functions.php (covered in the sticky topic.. why not READ through it??)
e) you need to optimize your dbase regularly (wp-optimize plugin)
f) you need to limit use of things which call CSS, JS, fonts, ads, counters from OTHER SITES.
g) you need to test/explore refine some kind of caching system on the server or from a WP plugin (noted in docs)
h) high quality hosting will add mod_pagespeed
i) you need to look at manual minification of main style.css file
j) limit number of ad networks
k) limit number of plugins wherever possible
j) limit total number of images/thumbs loaded on post pages to something like 10 total; not 30+
k) use fewer module types to limit number of image sizes/thumbs; use text modules also.

When testing site with something like GTMetrix.com *READ* the information provided with examples and solutions. Only YOU can fix your own website, why ignore the info provided as so many on this forum(s) seem to do?

Advanced users:
a) local caching/loading of gravatars (I provide solution in the sticky thread)
b) mod_pagspeeed and mod_spdy if site loading via https (I offer help on that in the sticky thread and other discussion on mod_pagespeed; search forum)
c) optimization of font loading, hack theme to remove calls from headers/footers to Google and load via style.css; -or- use ONLY web-safe fonts and no Google fonts. (I also describe how to do this in sticky thread; although might need update based on current location of font calls with theme evolution/updates)
d) manual minification of other files, such as main theme functions files
e) optimization of wp-config.php file with comment removal, add paths to base URL/directory and theme directory by name (I show example in sticky thread)
f) add expiration type/ttl for custom icon font loaded by theme (betcha forgot that one!)

etc.

Learning to optimize your WordPress site is UP TO YOU TO LEARN. It’s not part of the theme. The theme supports very good speed rating IF YOU DO THE REST. The theme cannot fix your server, optimize your htaccess file, speed up time, or transport you off this rock. Google is a great resource to FIND hundreds of articles from the past decade on optimizing WordPress. You’re not the first person to do it.

Chris out.

(I am adding this here, as many don’t look at the sticky thread and/or folks in the Newsmag forum never saw that. Even so, most posting “my score is 40” clearly did NOT follow the basics found in theme docs.)

#1 TIP: don’t worry about render blocking elements until EVERYTHING ELSE is done. Those last items really only impact your last couple of points. I have 95 score with Newsmag without full optimization of the fonts or minification. It’s doable!

simchris
tagDiv Member

Hi everyone
I have already answered the same questions 50 times the past year and they are all covered in this thread.

I am no longer providing any help with PageSpeed issues, as this is all covered in this sticky topic for advanced users, and for newbies, the settings/docs provided by TagDiv for the theme docs (link right side of page) will get you to the 80+ stage right away. If your score is below that then you *did not* follow the theme docs or this topic on the basics for speeding up your WORDPRESS install.

WordPress optimization is widely covered on the net – it’s not theme specific.

You need to have
a) fast hosting; $3/month accounts or “free” hosting are crap.
b) have gzip/deflate running on server
c) you need to set expiration headers in your htaccess (noted in docs)
d) you need to have an image optimization strategy (noted in docs); either via plugin and/or changing optimization setting in functions.php (covered in this sticky topic.. why not READ through it??)
e) you need to optimize your dbase regularly (wp-optimize plugin)
f) you need to limit use of things which call CSS, JS, fonts, ads, counters from OTHER SITES.
g) you need to test/explore refine some kind of caching system on the server or from a WP plugin (noted in docs)
h) high quality hosting will add mod_pagespeed
i) you need to look at manual minification of main style.css file
j) limit number of ad networks
k) limit number of plugins wherever possible
j) limit total number of images/thumbs loaded on post pages to something like 10 total; not 30+
k) use fewer module types to limit number of image sizes/thumbs; use text modules also.

Advanced users:
a) local caching/loading of gravatars
b) mod_pagspeeed and mod_spdy if site loading via https
c) optimization of font loading, hack theme to remove calls from headers/footers to Google and load via style.css; -or- use ONLY web-safe fonts and no Google fonts.
d) manual minification of other files, such as main theme functions files
e) optimization of wp-config.php file with comment removal, add paths to base URL/directory and theme directory by name
f) add expiration type/ttl for custom icon font loaded by theme

etc.

Learning to optimize your WordPress site is UP TO YOU TO LEARN. It’s not part of the theme. The theme supports very good speed rating IF YOU DO THE REST. The theme cannot fix your server, optimize your htaccess file, speed up time, or transport you off this rock. Google is a great resource to FIND hundreds of articles from the past decade on optimizing WordPress. You’re not the first person to do it.

Chris out.

Lucian
tagDiv Staff

Hi,

I’m not sure if the image thumb is added by default by WordPress or not so if you have added it yourself then you just need to remove that code which you used to add it if not then I suggest to use the thumbnail image size from media settings to set the size for your images: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ then regenerate thumbnail: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
After this without using the code in the function file the image size for feeds should be at the sizes you want.
Please let me know and also provide your site’s URL so I can check this.

Thanks

Mpasho Support
Participant
#0

Hello,

Iv been trying to change the size of my thumbnail images in ,my site feeds.

Problem
I get thumbnail sizes of 100 x 65 for all my feed items. which i want to change to a custom size

Tried
1.I tried changing the image size in the wordpress media settings, but nothing changed
2. I tried installing multiple plugins to help me change this but nothing worked.
3.I researched the wordpress codex but i was told to come here
4.If searched through the template settings i cant see any setting that controls this.

Question
I want to know where i can change the default thumbnail size of 100 x65 to something else

makeshiftwings
tagDiv Member

All of these are new images. I’ve actually only noticed it when using the Mega Menu but only after clicking the “Next” Pagination. That still uses the full size images but resizes them.

Lucian
tagDiv Staff

Hi,

No. The theme uses different image sizes for on module/blocks/menu.
For old content the image thumbs don’t exist so the original image will be loaded and you need to regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
I also suggest you empty cache/purge files if you sue any cache plugin or CDN host services.

Thanks

Viewing 25 results - 1,301 through 1,325 (of 1,557 total)