Support

October 4, 2018 at 4:56 am

First off, the file was in a different directory (maybe I didn’t grab the right one?)

No, thas the correct file, my apologies.

Second, I made the change, but it just removed the image altogether.

Hmm, strange. I’m using that file on a site with your theme and it works.

These are the files I’m using: http://take.ms/y12Hb

If you place those in your child theme does it work then?

October 5, 2018 at 7:46 am

Question – what is the thumbnail size? I think I the images set at 100×200 (approx) using css. Can I indicate the size in that code instead? Or is that not a good idea?

Default thumbnail size is 150×150 but themes/plugins can override the sizes.

The size set by your CSS is max-width: 150px (height will automatically calculate) and that’s the same size your image is loading at (which is ideal).

You can change the size using CSS, making images smaller is fine, making them bigger can cause them to look grainy.

1 – Can we change the thumbnail size of that event list feature images (and individual event pages) only to 150×100 with css or something easy?

You can, but 150×100 is going to squash the image a litte, may I ask why you want that specific size?

2 – Do you have a suggest on how to better display the images/classes on mobile? See s/s here: https://www.dropbox.com/s/2zl925ineup563h/Mobile%20-%20class%20listings.jpeg?dl=0

It is outside the scope of support, but I can point you in the right direction. You’re custom CSS is doing that and because its using !important is hard to override. Right now you have this:

.classes-page img, .type-espresso_events img {
    max-width: 150px !important;
    float: left !important;
    margin: 0 20px 0 0 !important;
}

Change that to:

.classes-page img, .type-espresso_events img {
    max-width: 150px;
    float: left;
    margin: 0 20px 0 0;
}

So its not !important anymore and won’t override all other CSS styles applied regardless of specificity.

Then add something like this:

@media only screen and (max-width: 480px) {
    .classes-page img, .type-espresso_events img {
        float: none;
    }
}

Which is a media query to stop the img being floated on smaller screens (the text will then display below).

October 16, 2018 at 4:04 am

This is all looking great. Just one thing that changed since we did this, can you tell me how to remove the redundant title?

In single.php on line 43 change the_title_attribute() to the_title_attribute( 'echo=0' )

That should remove the additional title.

Also, Tony, I uploaded a new feature image for an event and it shows like this in the media library:

I don’t remember seeing anything like that before, but looking at all of the images for that upload:

https://lupineart.com/wp-content/uploads/2018/10/

They all look correct, is it only happening for that image or any image you now upload to the site?

October 17, 2018 at 5:39 am

You’re most welcome.

The image may possibly have been some corrupt cache that’s now cleared, either way, I’m glad it’s working.