Forum Replies Created
-
Posts
-
I’d rather not use the classic editor. Rather than resizing elements, I’m just placing in the size I want to start with. If I couldn’t use the theme’s editor there would be no point in using the theme at all and I’d just choose another theme.
I am able save changes in everything else except for in the layout elements *if I resize them* and this is on any page. The classic editor seems to work fine. Like I said, If I drop in the layout element at the size I need instead of resizing, I can make changes and save it. I noticed this when duplicating elements I was using.
I’ve created a test page named “Test Page for Enfold” and have duplicated the homepage there for you to test it out.
I’m including a link to a gif I made showing the same steps that I described. It’s not saving my settings, so I can’t specifically take a photo of something that’s not happening.
Well, maybe just the background, but could you explain how to change the icon too?
I’m not sure what they want other than just to indicate it’s clickable a little more.I’m not seeing anything related to styling just the secondary menu. I know I can change the color of the top bar, but I just want to change the background color of the secondary menu only (basically the tenant portal link as white text in a red box).
SOLVED!!! Nevermind.
I had the Submit button inside the avia_ajax_form div tag that the rest of the form is wrapped in and apparently needs to be outside.
It’s working now! I think it was a cache issue. I was working in an incognito window, but I completely closed all my incognito windows and it seemed to clear it out.
Hi, It seems to be working on mobile, but it’s actually crowding and overlapping somewhere around 950px – 1000px. Sorry, should ahve been more specific in my description. I tried changing the max-width to 989, 990, and 1200 and it didn’t seem to fix it for medium sized screens.
It’s still not working.
Does it matter where I’ve got the custom CSS class? I’ve got a color section and inside it are 1/4 page elements with an image and text box in each. Right now I’ve go the “product_animation” class in the 1/4 page elements – in order to have the whole box animated. I tried adding it to the color section and the image itself, but I didn’t notice anything different.
Yes, I tried the code – it was animated, but it was not the animation that is in the masonry gallery. It just started out squished and got larger inside the element like a marshmallow being squished and then regaining it’s shape.
I’m including a private link to the site. The product gallery at the top has the custom css and if you scroll down there is a second gallery that is made with the masonry gallery that has the animation I wanted.
Sorry, I’m a little confused. If that’s an example, am I supposed to combine that with the code I found? The code you included by itself doesn’t have that flip up perspective that the masonry gallery has.
Hi, I’m having trouble making it work. I’m not super savvy with custom css, but I’ve enabled the custom CSS class names and named the image “product_animation”. I was able to find the css in shortcodes in the animation sections and believe this is the masonry gallery animation. I input the class and then nested the animation inside brackets, like so:
( but I’m not sure if this is correct ).product_animation {
@-webkit-keyframes .avia_msonry_show {
0% { -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; }
100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes .avia_msonry_show {
0% { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1; }
100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
}
