I tested your site on Mac in Safari and Chrome but didn’t really see any choppy scrolling. What I did notice when viewing the original enfold demo on smartphone was that it was indeed choppy. I’m guessing the homepage slider may be the cause of this.
I’d suggest disabling the slider from the homepage and test it again. If the choppy scrolling is gone you could try adding a fresh slider (maybe it’s because of the multiple animations and images in the slider).
Just my thought ofc.
I have noticed if I have parallax background image in a coloured section on the homepage (eg so it has that parallax scrolling effect), when flexislider goes through a transition, the background disappears and then reappears again. It only seems to happen in chrome. Looks to be some form of conflict. Can’t find any examples of this on your demo site of this situation, and my own site is currently only local.
This is the code I put in header.php
<link href="http://cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:400px;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
Hi,
I’m sorry but can you give us a link to the blank page?
Regards,
Ismael
Hi,
You can probably use the Text Block under Content Elements. Edit the Text Block element then insert an image by clicking the “Add Media” button.
Regards,
Ismael
I can’t believe I am asking something so simple as this but how do I hyperlink images using the Avia editor? There is no option to. This is a basic function.
I want an alternative display option on the homepage but I want the Avia editor for the entire thing. If I use the basic wordpress editor with shortcodes it basically makes my life a whole lot more difficult with other elements being added to the page, mainly changed in the future (I want the person I am building this site for to easily be able to change content as she pleases).
Great theme by the way overall…..this thing rocks.
Thank you,
Steve
Hi Devin,
So if i create this extra folder where would that be? i added 3 possibilities in the image http://oi39.tinypic.com/99gnjc.jpg
so would it be under:
1.) example domain.com/Replete (meaning moving the current site to this folder like a duplicate) and domain.com/Enfold (creating a new site with new template)
2.) example domain.com/html/Replete
3.) example domain.com/html/wp-content/Replete
or something else
And once I create these 2 folders (Replete and Enfold), i can run them simultaneously, but only Replete will show until i finish building Enfold, that way there is 0 downtime on the website. Is this correct?
Thanks
jasmine
i uploaded the background image under boxed option and it shows under normal pages but not under Blank. Where can i upload an image to show under blank page a full image background.
thx jasmine :)
at the moment for the blank pages we have one option: 1.) Blank – No Header, no Footer
if we can add 2 more options:
2.) Blank – No Header
3.) Blank – No Footer
screenshot: http://oi42.tinypic.com/e1ciuh.jpg
thx jasmine :)
==================================
Hi Team,
– request to make images automatically the same size under Blog Grid Layout regardless of the size uploaded
– another request for Event Calendar (its already on the list that Nick compiled)
thanks
jasmine
======================
* we would love to have a Parallax feature
thx
jasmine
I have more information on this. It doesn’t seem to be an issue if the lightbox/hover link arrow is turned off. The question is, how do you turn it off until a fix is rendered?
Devin,
This seems to be the same problem I am having still: https://kriesi.at/support/topic/hover-over-image-breaks-word-wrap
I thought it was fixed because I only tested it in Chrome. Then my thread was closed. It is still happening in FF just as the OP shows in his image.
When inserting an image using the Insert Shortcode > Media Elements > Image option. Is there any way to add alternative text? Maybe after, in the code itself.
Also, when using this method, the light box affect no longer works. Is there a way to turn that on as well for the image?
Thanks,
JP
@TechShad – thanks, I discovered the same thing as well. I agree with you, I wish there was a smaller (81px) “featured image” in the blog posts as well (and that it doesn’t have a grey background with an oddly aligned image for smaller images – looks broken).
Hi Ismael,
Yep it works!
Thank you for the instructions.
I think if you choose the ‘no scaling (original width and height)’ option from within the Easy Slider element (using the Avia page builder), the slide then takes on the dimensions of your image. So if your images are 200px in height, the slider will be aswell.
I would really like to have this feature in avia layout builder:
– option to include Page post type in post slider (for instance: display all child Pages’ (of single parent page) featured images and titles.)
@franktw
There might be a work around for you. if you go to
enfold > General Settings > Body Style
and set it to “Grid Layout”
It seems in this setting, the “featured image” is not shown in the blog posts.
However, I still would like a smaller (81px) “featured image” in my blog posts.
works fine in the blog roll (main blog listing page). Actually #’s work better sine the % still keeps the larger image’s padding.
However, in the individual post page, the “featured image” still shows up as large image (in my case 180×180) to the side of the content. Is there a way to make that smaller as well?
thanks.
You’ve two options:
1) Make the thumbnail size smaller – insert following code into the quick css field:
.small-preview {
width: 81px;
height: 81px;
}
and instead of 81px insert a value which fits your thumbnail size.
2) You can try following code – it should adjust the preview image size automatically:
.small-preview {
width: 100%;
height: 100%;
}
If you want to remove the thumbnail use:
.small-preview {
display: none;
}
How can we remove the featured images from the CSS? I’d rather not have them at all until the display and sizing issues are fixed.
That’s a real problem. Is there any way to fix this so smaller images don’t look so terrible?
Hi,
You can do all of that on Media > Library. Edit the image and fill up the alternate text, caption, description, title etc.
Regards,
Ismael
Sure.
If you go to your theme demo and scroll down the homepage, you’ll notice that it’s not particularly smooth, the scrolling is very “blippy” or “choppy” if you will. Just to give you something to compare, if you go to http://www.apple.com/iphone/ and scroll down their page, you’ll notice that it’s not choppy at all and that scrolling down the page is very smooth.
I was thinking the problem on my site was the speed of my hosting provider, so I checked your theme demo to see if it was choppy too and it is. In ruling out that this is a server issue, I’m now guessing it has something to do with all of the content that’s continuously loading (like the LayerSlider and Image Fade in Animation) while scrolling down the page. So…In the Advanced Layout Editor, I turned the Image Fade in Animation off on my site and it’s still choppy and I can’t figure out what the problem is?
Basically, I’d like to have the site scroll as smooth as possible to give the user the best experience possible.
Any ideas here to reduce this “blippy” or “choppy” behavior if not fix it completely?
Cheers!
Hi,
I tested this using the enfold logo however this is only going to work on a non-fixed header. Please try to import the dummy data and test this one. Put this code on your custom.css
.logo a:hover {
display: block;
width: 192px;
height: 88px;
background: url(../images/layout/logo2.png) no-repeat;
padding: 0 !important;
}
.logo img:hover {
padding: 0 !important;
position: absolute;
left: -9999px;
}
.logo img {
padding: 0 !important;
}
Regards,
Ismael
Thanks Devin.
If you have a look at this hidden page, you can see the problem. http://symbioticmarketing.co.uk/homepage/home-v2-3-col-images-contact/
It’s the CSS change that has caused it. I don’t know if it’s something I changed extra that I shouldn’t have but I’m fairly sure my code is the same as the one you’ve supplied.
Thanks
Thanks so much. I just got back to work and tried it and am not having the issue. All I can think is that it was a cached problem.
Thanks again for looking at it. I appreciate your patience.
JP
yes, the gray box is 180×180 pixels. If your featured image is smaller, it won’t fill out the whole area. I changed the size my featured images to 180×180 to fill it up.
However, I think they are too big. Where can I change that image size? css?
Hi,
I’m trying to create a blog post using Single Author, small preview. I’ve added a featured image, but the image itself shows up in a grey box in the upper right. It looks terrible. Any way to fix this?
Thanks
Hi Aleksandr,
The portfolio post type should transfer over when you active Enfold. The data is quite a bit different however as with Enfold, the portfolio items only have a single featured image and then custom content inside of the portfolio item (so it can be whatever you want).
Posts/pages will also transfer over automatically but the layouts will all need to be re-done since the new theme has a completely different system.
Regards,
Devin
Hello,
I was wondering if it is possible to the an image alt and title tag in the Layout Builder using the Image module in media elements.
Thanks