Most likely your images outputted to the_content() were added manually via the Media button in the admin. You should be able to add your own class from that point. The default class are added by the WP system when choosing alignment, etc in the Insert Media modal.
on the template of the page that you are trying to pull the first image on,(if its the post itself, then single.php) you could use the following code instead of the_post_thumbnail function echo_first_image( $postID ) { $args = array( ‘numberposts’ => 1, ‘order’ => ‘ASC’, ‘post_mime_type’ => ‘image’, ‘post_parent’ => $postID, ‘post_status’ => null, ‘post_type’ … Read more
Taking into account your comments to your question, what you should do is: Your AJAX function should return the attachment ID to the client The frontend script should catch that response and store the attachment ID somewhere, or just populate a hidden input field in your form When you submit the entire form – add … Read more
First thing twice about your desired resolutions, then add some image sizes, and then i would bulk resize images. There are existing solutions. With that done, you then could change image urls to point to the shiny new image sizes by filter, as you suggest, or do a search & replace over the #__posts table. … Read more
CSS Reference: background-size can stretch a background image proportionally using cover or contain. Check out this Demo. HTML <div class=”square”></div> <div class=”rec”></div> CSS .rec, .square { border: solid red 1px; background-color:black; background: url(“https://placeholdit.imgix.net/~text?txtsize=23&txt=120×120&w=120&h=120”); background-size:contain; background-repeat: no-repeat; background-position: center; } .rec { width:100px; height:60px; } .square { width:100px; height:100px; } The remaining space with contain will … Read more
The problem is with the containing div. In /wp-content/themes/curiousegg/css/woocommerce.css on line 677 the width of div.thumbnails is set to 18% you would have to increase this to something more. Change .thumbnails width to 100%, then change the width of .thumbnails a to whatever width you want the images to be. I tried 20% and it … Read more
Uploaded images appear broken in WP 4.4
You need to use attachment_fields_to_save filter. There is nice example on codex. So instead of copying that here, I would rather like to point you towards the codex page. Please take a look here. I hope this helps.
you should be adding your thumbnail code to the individual search template from the theme, which is noted: get_template_part(‘content’, ‘search’); within that template is where you’ll want to add your thumbnail code. if you can show that template code, we could help you further
Make sure you have the Text / HTML tab selected when you input HTML, not the Visual tab.