Forum Replies Created
-
Posts
-
Here it is, the homepage:
Sure thing. Here’s the website:
marketvolt.net/mac
I have a test page in the secondary menu called “AAA_Mega Test Page. The first section on the page is multiple uses of the Special Heading.Here are four screenshots I did of that section on the page:
The shots are in Chrome and in Firefox, both logged in and logged out. You can see that the Modern style looks the same in Firefox whether or not I am logged in, but different in Chrome when I am logged in. (It also looks different when I am logged in within IE11 and Edge 12.)I can get you logged into the back end of the site if you send me an email so I can add you as a user.
I will definitely rate the theme; the support here is great! But now I need more help with Grid Row. Here’s the problem:
On the page where I am testing grid rows, I am using an image that measures 1600 x 1200, so it’s a perfect 4:3 ratio. I set the alignment in Image Settings for Center. In Edit Cell, I set the vertical alignment for Top and the padding all around for zero. I created two test rows. For the first test row, I chose the photo size as Portfolio, 495 x 400. For the second test row, I chose Gallery, 845 x 684.
On my desktop screen with a horizontal resolution of 1600, the two test rows look exactly the same. The photos are the same size and the same cropping. There is no space between the photos. There is no space between the photos and the next layout element on the page, which for experimental control purposes is Animated Numbers.
SO, for my actual homepage, I created photos with an original size of 500 x 375, a perfect 4:3 ratio with a width big enough to push the total of the four photos across the screen. I chose the same alignment and padding settings. I chose the photo size as Full Size. In three of the Grid Row cells, I inserted a photo. In the fourth, I inserted Video with a link to the video and a setting for a 4:3 ratio.
But instead of the images extending vertically all the down way to the next element, Animated Numbers, there’s a border at the bottom of each image! I know for sure it’s a border because when I asked for a custom border color in that cell – which I don’t actually want, this was just to test – the color filled in.
I even tried using a test image measuring 500 x 400, which is BIGGER than the Portfolio size, but I STILL get a border at the bottom. This makes no sense! Why would 495 x 400 go flush to the next element but 500 x 400 yield a border?
WHY IS THIS HAPPENING? HELP!!!
This totally explains the situation to me and is going to be immensely helpful as I move forward in building our website. Thank you!
Great, thanks! This is exactly the info I needed.
BTW, Enfold’s support on these Forums is outstanding.
I’m afraid I’m still deeply confused.
In General Layout > Dimensions, I’m seeing choices for Maximum Container Width to “enter the maximum content width for your site.” We have this set for 1310. And that is the width where any text elements are sitting. But when it comes to full-screen width, the sliders are behaving differently than does text in a text box (whether inside or outside a color section).
I have been playing around especially with Fullwidth Easy Slider. I have a 19″ monitor. If I want the photos within this slider to display with a full-screen stretch that preserves the original height of the photo, I have to create an original photo file that measures 1580 pixels wide. Anything more narrow in width will either 1) in the stretch option, proportionally increase the height of the photo, or 2) in the non-stretch, centered option, display with white space on the left and right sides of the photo.
Also, some of the options in Fullwidth Easy Slider give photo dimensions wider than 1310: Featured, Featured Large, Extra Large are all 1500 wide, That’s why I originally thought that 1500 was the default full-screen width.
I worked out the 1580 width with a lot of high-school math and experimenting with different original photo files. I did a test page with all my experiements; I’ve included the link.
Thanks; that’s a useful plugin; but that doesn’t actually answer my question. Enfold’s default thumbnail size is 80 x 80. All the WordPress documentation and tutorials I have read say that WordPress’s default thumbnail size is 150 x 150. I interpret that to mean that when I import an image into Enfold, the theme will create an 80 x 80 thumbnail as part of WordPress’s standard four-size photo creation. But if I were in a different theme and imported an image, the thumbnail that WordPress would create as part of the standard four sizes would be 150 x 150. Am I on the right track?
Here they are – both the front end and the back end.
I want four columns in the section instead of three. I’d like to have the first three columns be the same as the existing ones – address, phone numbers, email – and add a fourth.In a sort-of-related question, is it possible to move color sections around into different positions on a page, without needed to recreate the section in the new position? Say that I put one color section in the middle of the page but now want it to be on the bottom. I’ve figured out a workaround: save the section as a template, create a new color section in the desired location and populate it using that specific template, then delete the color section that’s in the original location. But I’m wondering if there’s a simpler way to achieve the same result.
More input from our IT people! “The editing functions might be using some kind of javascript or something that we don’t allow to run on the network because of exposed vulnerabilities.” Does this sound plausible to you?
More experiments I’ve conducted are leading me to believe that the problem lies within the server with which our office computers connect. We’re a state agency that is a division of the Department of Economic Development. I asked a colleague at a different DED division to test the editing commands via her office computer, and she got the same error message that we get. I’m hypothesizing that the server is blocking some part of the packet for our website’s back end from getting back to our computers – the part that controls the editing command in the Avia Layout Builder for nine of the content and media elements. It could be something within the firewall – or some weird coding – or even a malfunctioning physical component!
I appreciate the detailed and thoughtful help your team has given us.
This happens no matter what I do. I have dragged-and-dropped the elements into the basic box all by itself with no layout element, into the one-column layout element, into a color section with no layout element, and into a one-column layout element within a color section. I can’t add any content. When within the problem-children content and media elements, I click on the Edit Element command (the one on the left-hand upper corner along with Save Element as Template and Clone Element), a dialog box pops up with this message: ” An error occurred. Error fetching content – please reload the page and try again.”
This is happening on the AAA Test Page you used and on any other previously created Page that employs any of the nine problematic elements.
BTW, it happens whether I’m using Chrome (with no ad blocker), Firefox, or IE.
But it happens ONLY when I am trying to perform these actions on any of the computers in my office. I can successfully edit the nine elements on any other computer I’ve tried. So I’m afraid I’m not surprised that you have not been able to reproduce the issue.
What do you recommend for our next step?
