Hi Alex,

You’ll want to log into WordPress and go to Appearance > Customize > Theme Settings > Image Sizes and enter your custom values for your image cropping. By default images only crop horizontally to 400px but keep their vertical proportions. If you want perfect squares you would want to enter something like 400px for the width and 400px for the height for entries.

After entering your custom sizes you need to “regenerate” the thumbnails which in WordPress is done via a plugin such as this one: https://wordpress.org/plugins/regenerate-thumbnails/

- AJ

AJ, Thank you so much! Also I was trying to increase the uploading speed. Right now I think I have too many imagers per page. What you think would be a good number? Here is the link to the site: http://alexstenzel-art.com

I just did the first four images all at a square dimension and it works. How can make it that they fill out the white frame more. Is that possible?

Is it possible to turn of the date under the thumbnail image?

Hi,

You have custom CSS on your site making the images small: https://cl.ly/bdd03c

From what I can remember you asked for this a long time ago because you wanted to make sure all images were the same size even if they were different proportions on upload.

Because you have images like this one: http://alexstenzel-art.com/wp-content/uploads/2016/06/Barnacle-1.02002-LRP1C1D1G1-copy.jpg – that is not 400px tall (it’s only 372px tall) so it can’t be cropped to 400×400.

You may need to upload bigger images for some items or choose a smaller default cropping value in the Customizer.

If you wanted to add a date under the thumbnail you would need to edit the theme files via child theme, there is no option built-in.

- AJ

Great! Good memory! Thanks for reminding. I changed the layout back to the default and I’m resizing all the images of my art work so the blocks are all the same size. - How do keep the menu bar in place when scrolling down in responsive mode. Thanks Alex

There is no method right now to have the header sticky on mobile, which is done on purpose for usability since mobile devices already have smaller screens it’s best to not take up so much room on mobile with sticky headers/menus.

I can look at adding a setting though in a future update to control the breakpoint though if you did want to enable it on mobile

- AJ

Hi AJ, my websites have been hacked so I decided to build a new one. Which theme you recommend I had Fashionista before.

Hi,

I’m sorry to hear that

Are you looking for a free or premium theme? Also can you remind me what your site looks like and the niche?

- AJ

ps: The Fashionista is secure so it shouldn’t be the root cause of the hack, so you don’t need to change themes if you don’t want to. But do make sure your theme is up to date (maybe delete and re-install latest version).

I liked fashionista because it I liked the portfolio look to show my artwork. However I like to have a site now where I can sell a few items through. – Also my site is currently quarantined with my hosting company(InMotion hosting). They offered to clean it up but it seems expensive. Do you have any ideas how make it workable again?

Recovering from a hacked site is a pain in the butt…We have some articles that could help though such as:

• https://www.wpexplorer.com/recover-hacked-wordpress-site/
• https://www.wpexplorer.com/recover-hacked-wordpress-blog/

It can be a real pain if you don’t know what you are doing. But the most important thing though after recovering from your hacked site is to setup proper security measures to make sure it never happens again.

Now, I’m going to be honest with you. inMotion hosting is one of the worst hosting companies I have ever had to deal with, which is why we don’t ever recommend them. If possible I would highly recommend you look into switching to a better WordPress hosting solution.

- AJ

Thank you AJ. My plan expires in a few month. I will check out the other companies. What you think is Fashionista still a good up to date platform with ecommerce options. Or do you offer something with the same portfolio style that is more flexible.

You can have a look at my portfolio here: https://themeforest.net/user/wpexplorer/portfolio

“Total” is my most popular and flexible theme to date and it’s the one I spend the most time improving and working on.

I do plan on making a nice free theme with full WooCommerce support (technically any theme works with WooCommerce, but it may not look “nice” without extra tweaks) to release on my site though in the near future – https://www.wpexplorer.com/top-free-themes/

- AJ

Does Total have a full Woo Commerce support and looks nice?

You can see an example shop here: https://total.wpexplorer.com/glitzglam/

The default look of the shop though would be this: https://total.wpexplorer.com/base/shop/ – but Total has tons of customizer settings to tweak the way the theme looks by default which is why it’s possible for us to have so many different looking demos: https://total.wpexplorer.com/#demos (I’m actually going to be making new “modern” looking demos and removing some of the older demos from this page soon)

- AJ

Hi AJ, it’s been a while. Maybe you remember my site got corrupted. I had your Fashionista on it. I’m gone build another one now is Total still the best one with the most features that you have?

Hi,

Oh shoot sorry! Because almost all my customers use Total I got confused when replying to your question!

Total is my best theme and I actually have a big update coming soon with even more features and optimizations – https://wpexplorer-themes.com/total/upcoming-update-changelog/

The plan is actually to deprecate my older themes so I would only be selling Total and I can focus everyday on this theme to continue making it better and better

- AJ

Sounds great AJ! Should I rebuild my site in total or you think it worth it to have it restored with Fashionista theme and then convert to total. Wha you think would be better?

No matter what theme you choose to use it won’t matter what you do to the current site because it will take some work to migrate to the new theme.

Now, a heads up..I am planning a massive Total 5.0 update to be released by the end of the week. There will be a new function where you can choose from tons of preset layouts for your blog entries Not sure if you wanted to wait for that to be finished first as I will be making some pages online to display the different blog styles, this way you maybe it would help with your final decision.

- AJ

Great! I will wait to until you have it done. Please let me know. Also, what’s your best hosting service in your opinion?

Here is out list of Recommended WordPress Hosting – we do have Bluehost on that list but if you read the article you will see that we really only recommend it for small blogs with not much traffic.

My personal favorites are WPEngine and Kinsta. We use WPEngine.

- AJ

Is it possible to change that??

Hi,

Yes, it is the same code. But like I said I sent the RAW version in case there was an issue copying from the comments here.

I am providing you with the correct code (I even sent a screenshot showing you how it should look with the exact same code). When I check your site it’s still not added. I am looking at your source code and the extra code provided isn’t even there – https://cl.ly/oGjr

Make sure after you add the code that you’ve cleared any site cache because the CSS isn’t anywhere to be found on the site. Also save it and check out the live site. Because the theme uses javascript to display the entries it won’t work int he Customizer until the site is reloaded or you resize your browser so the elements get re-ordered properly.

- AJ

A pasted the CSS into the site now and cleared the cache. It still doesn’t work.

I am looking at your website and the code is still no where to be found on the site – https://cl.ly/oGFL – I only see some other code from a previous edit I helped you with.

Once the coded is added it should work, I’m not sure how you are trying to add the code to your site but it’s just not there. You may want to contact your webhost to make sure there isn’t any caching or issues on their end.

- AJ

What is the code again please?

Hi Alex,

I’m not quite sure what you mean. Are you trying to disable the masonry affect so that instead of entries fitting where there is space that after every 3rd item it clears so that the top of the images are all inline? Like this: https://cl.ly/ndQz

- AJ

Actually I like to frame the paintings within frame that stays consistently the same and is big enough to accommodate the paintings. Here is a link: https://www.gerhard-richter.com/en/art/paintings/abstracts/abstracts-2005-onwards-69

The website you mention uses code like this:

body .loop-entry img {
    max-height: 148px;
    max-width: 148px;
    width: auto;
    margin: 0 auto;
}

Which sets the images to have a max-width and a max-height. But their images are all cropped with very similar proportions so it renders pretty well. In your case you’ll need to adjust the max-width/max-height values so it works best with your images and/or alter your image cropping values that works best for all the images you upload.

- AJ

AJ, thanks so much where I can I do that in Fashionista?

Do what?

Where do I adjust the max-height and max width in fashionista. You are saying once the images are evenly cropped the frames are all the same size.

The “frame” as you call it will depend also on the length of your titles and excerpts as well so if you want those exactly the same you will need to use custom CSS or javascript as mentioned previously so that you can either set a fixed height via CSS or use javascript to locate the tallest entry and set the height of all entries based on that one (and run this javascript on window load and window resize).

To alter the image sizes of your site you would do so under Appearance > Customize > Theme Settings > Image Sizes: https://cl.ly/nisA

Here you define your sizes then you need to use a 3rd party plugin to “regenerate” the thumbnails. I recommend this one – https://wordpress.org/plugins/force-regenerate-thumbnails/

- AJ

AJ, I only like to use custom CSS for this site: http://alexstenzel-art.com. Can you explain a little bit more in detail how to do it. What you think based on the weblink I send what would be the best custom setting to have equal frames with equal images? Is there theme that I can install that would make it easier.

First make sure to crop all your images to the same size as I mentioned previously:

To alter the image sizes of your site you would do so under Appearance > Customize > Theme Settings > Image Sizes: https://cl.ly/nisA Here you define your sizes then you need to use a 3rd party plugin to “regenerate” the thumbnails. I recommend this one – https://wordpress.org/plugins/force-regenerate-thumbnails/

Then if you want you can add the custom CSS I suggested before:

body .loop-entry img {
    max-height: 148px;
    max-width: 148px;
    width: auto;
    margin: 0 auto;
}

If you want to keep images at a specific height just like the website you mentioned previously.

But your images must all have sizes proportionate to each-other (no matter the theme you use) which is why it’s important to set a cropping size that works for all your images and then re-generate the images so they can all be cropped accordingly. Without cropping the images you won’t get the affect you need since it can’t be done with CSS only.

- AJ

Thank you! How can I can I change it so I don’t have masonry effect?

AJ, it’s still is no clear to me why the post size window(frame) can’t accommodated the actual image(painting) by keeping the window(frame) the same size and reducing the image. http://alexstenzel-art.com

Your items have different title sizes that’s why each post looks different. If you want you can set a min-height to the actual entries if you want (I assuming this is what you want) to have the white part the same size for all items.

Example CSS:

.loop-entry-inner {
    min-height: 320px !important;
}

Result: https://cl.ly/oDFL

Is that what you mean?

- AJ

Yeahhhhh! That looks great! I try it in a little bit. Thank you so much.

I just tried to copy and paste your css above but it didn’t work.