CSS changes not showing after install SSL

Hello,

Could you please provide a screenshot because I don’t see where the problem occurs. It seems fine to me!

Best regards!

https://dl.dropboxusercontent.com/u/82016514/Displaying%20correctly%20-%20HTTP%20Version.png

https://dl.dropboxusercontent.com/u/82016514/Displaying%20incorrectly%20HTTPS%20Version.png

Firstly, I do not know if you use it, but a really awesome plugin is this one
https://www.ads-software.com/plugins/really-simple-ssl/
Changes urls from http protocol to https.

So, as for your CSS problem, use Child Theme and insert this code to style.css file
.fl-photo-content img{max-width: 33%;}

Best regards

Hi and thanks for the reply.

Yes I am using “Really Simple SLL” Pro and it is working very well.
I tried adding your provided code and it has changed “ALL” of my img containers which is not what I was after. I only wanted to isolate the 3x images at at the bottom of the screen “DW” ZILDJIAN” “REMO”. Using the CSS from my first post that I (for image 1) I could apply this to each image and they would all show inline, same height and would respond to my device screen size.

Just as a side note, For sum reason when I deleted your code my images remained at 33%…. which is not good. So I am going to have to replace my Child theme and hopefully this will bring it back.

Just restored the Child theme and I’m back to square 1.

Again, here is an e.g. of the css that works on http but not https.

.fl-photo-img.wp-image-881.size-full {
display: inline;
height: 100px !important;
max-width: 100%;
width: auto !important;

My question is, why/ what would change from http to https to make this css stop working?????

Hello @blueflamman,

Sorry for my dealy response!

If you deleted it but still see the same result, that means that you probably use cache somewhere (either plugin or sever-side).

So, i cannot find why this happens only to https version of your site. However, I am seeing that its of these three photos are really huge.
For example: https://www.in2drums.com/wordpress/wp-content/uploads/2016/04/Dwdrums-Trans-Black.png
In general, you must avoid to use bigger image than the actual size of the container in which will be included.
For example, if you want its image to be 250×250, then upload your images with that size and not 1417×792.

Regards

Thanks again for the reply MasterJuan,

I managed to get my original .css to work by re-uploading the images. I understand what you mean about the image sizing however I needed the images to display in this manner as they would loose a substantial amount of quality at the x 100px sizing.

Thanks again for your time.

I am glad that you found the proper way!

Best regards!