After I left the message above I updated WordPress to 5.7.2 and Enfold to 4.8.3, to the latest version. I am running Php 7.4.9. Now when I try to upload a large image it says, “Post-processing of the image failed likely because the server is busy or does not have enough resources. Uploading a smaller image may help. Suggested maximum size is 2500 pixels.”

I think I see it now. It says “scaled” at the end of an uploaded image… In Media Setting a Large File is set to 2565 x 2565 and the image I’m trying to upload is 1985 x 2563. I would assume someone added code to functions.php to scale up images uploaded. I’m assuming this because I disabled plugins and there wasn’t a change after upload. If I’m correct, how would I find this code in functions.php?

I don’t want any scaling to be done unless I activate a plugin. Is this possible?

“You can put the shortcode inside a Code Block.”

I did and I’m still having problems. I put:

[pdfviewer]https://actionrev.com/wp-content/uploads/2021/03/Actionrev-Brochure-OnWeb.pdf[/pdfviewer]
[pdfviewer width=”200%” height=”200%” beta=”false”]https://actionrev.com/wp-content/uploads/2021/03/Actionrev-Brochure-OnWeb.pdf[/pdfviewer]
into the top part of Code Block.

The PDF shows up twice at the bottom of the page but they are in small frames that don’t allow for the full pages to be seen. One frame is wide but really shallow. The other is really skinny and shallow.

Let me recap the problem I have. I just need for the audience to zoom into a 2500 x 2500 image to read small text in a spreadsheet. They need to be able to scroll left, right, up, and down if they zoom in a lot. I prefer it to be a thumbnail image as it is now, when clicked it zooms, and then can be zoomed one more time to see the text. If I can only get that from a PDF then so be it…

Nikko,

I added [pdfviewer]https://actionrev.com/wp-content/uploads/2021/03/Actionrev-Brochure-OnWeb.pdf[/pdfviewer].

I set the Default Width and Height to 100% but I’m not sure where to place [pdfviewer width=”100%” height=”100%” beta=”true/false”]http://full-url/document.pdf[/pdfviewer].

Does Enfold support the plugin PDF Embedder By Lever Technology LLC ? That has a zoom function and looks a little more refined.

• This reply was modified 3 years, 9 months ago by Actionrev.

I agree, it does look good but I wanted more flexibility. There has to be a way to manipulate the perspective. I’ll keep trying and searching.

What I mean by “perspective” is how the background is being viewed. I would like it to be zoomed out so that the sides of the screen have only white and blue gradient without the parts being cut off at the borders. Right now It looks ok but its kind of cluttered. Check the link below for an example.

After reviewing our chat exchange, I think you might have already answered my question but it’s a little over my head. This is what you said.

“You may need to wrap it inside a css media query so that it only affects screens with the same aspect ratio as the background image. // https://www.w3schools.com/css/css3_mediaqueries_ex.asp”

After looking at the link you sent I’m still confused because I’m still learning CSS. Is there another link you could send that would explain more? Maybe a tutorial? I would love to learn.

I thought that changing the canvas size or resolution would change the perspective. Am I wrong?

Thank you for the advice.

One issue that popped up when I removed the above CSS is the Background Image is now zoomed in on. There was empty space around the subject in the photo but now the left and the right are getting cut off slightly. The Maximum Container width is 1600px and the image is 1500px 550px. I tried 1400px 446px and 1700px 550px and didn’t notice a difference. Any thoughts as to why this is happening?

FYI, I have not upgraded to WordPress 5.6. Still on 5.5.3

I don’t know what I did but the image is displaying correctly on mobile devices. I made some changes to other areas of the website and had to reverse to previous Revision. I went back to remove
.avia-section, .avia-section .av-parallax-inner {
background-size: 100% 100% !important; }
and saved.

Did I miss a step before? WP said “Alright! All Options saved, no problems whatsoever.” I checked in the Quick CSS to see of what I removed was there and it wasn’t. Should I clear the cache?

Because I took over this I’m not sure why that CSS was added. I removed it but no change.

I put .iconbox_content_container h3 {
font-size: 10px !important;
} in Enfold/General Styling/Quick CSS and it didn’t work. The font size stayed the same.

I also checked to see if h1, h2, h3, h4, h5, h6 {
text-transform:none !important;
} was inserted in Quick CSS and it wasn’t. Apparently when I tried it last time it didn’t save. The H1 text size can now be adjusted and can be uppercase or lowercase.

Attached to this in Private

• This reply was modified 4 years ago by Actionrev.

Let me know if the attached link shows the image correctly, please.

That worked. Thank you.
Unfortunately the fix I asked for created another problem when viewing on a smartphone. The text on the left side of the screen starting with “Diesel….” is in white and not as viewable because it hovers over a white background. Can you make any recommendation? Is there a way to create a gradient box around the text?

Thank you. That worked.

I already tried going into the Special Heading element option/ Styling and changed the Margin-Top to 100 but it didn’t do anything. I forgot to put px or %….

That fixed it but I still have I have another issue. I have 3 Special Headers stacked on each other because when I had them in 1 Special Header I didn’t know how to create carriage returns within 1 Special Header. When I separate the text into a Special header, based on where I want a carriage return, there is a wide gap between each of the 3 Special Headers. What would you suggest I do to make the text look as though it’s a paragraph?