I used to have Thesis 1.0 as my theme, and used their custom image box to store my images. Now, when I moved to Enfold, I noticed none of my images showed up on posts and I had to individually move each image to the featured image box.
Because I have hundreds of posts, this would be a very time-consuming process.
Do you have any suggestions on how I can do this in short order?
Thank you so much for your help! It’s much appreciated!
John Frainee
Thanks for your help. Actually, instead of installing the code you recommended above, I decided to turn off a bunch of plugins and that solved the problem! It also solved another problem where comments weren’t showing up.
However, I still have one last issue related to the grid format blog. The pictures appear okay on the blog page (http://www.thechristiandollar.com/blog/) but don’t appear now when you click on an individual post (for example, this one: http://www.thechristiandollar.com/charting-life/). I made sure that the images are in the “featured image” box on each post. Could you help me with this issue?
Thank you so very much. You guys rock!
John Frainee
I’m still waiting for the client to have their limits increased. I’d actually requested that yesterday already. But, specifying a width doesn’t solve my problem. I need it 100% full width. See the link for image explaining the problem.
Without the content centering like in the demo, it shifts depending on the screen width so I can’t produce a consistent result.
http://www.abqdowns.com/dropbox/slide-issue.jpg
‘/avia-shortcodes/textblock.php’:
function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
{
return "<div class='avia_textblock'>".wpautop( ShortcodeHelper::avia_remove_autop($content) )."</div>";
}
When I insert shortcodes from other plugins in textblock – code is broken because it adds <p> and tags to generated shortcode’s content. Without wpautop() function everything is OK except empty <p> tags and text without <p> tags in the beginning of the block.
So, the best solution for me was change order of the functions:
function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
{
return "<div class='avia_textblock'>".ShortcodeHelper::avia_remove_autop( wpautop($content) )."</div>";
}
Also when I add border to images they looks blured because of CSS: box-sizing: border-box;
The same for images with captions. This CSS fix it for me:
div.wp-caption, img {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
#top div.wp-caption img {
width: auto;
}
Hi Devin, how do I send you a pm? I have site under construction but I can put in your IP so you can view past the underconstruction page.
Thanks much
Problem uploading images…
I am getting…
An error occurred in the upload. Please try again later
when trying to upload images…
It is random what pictures give the error but all of them are always 300k or smaller pictures…
Even with the error the picture is still uploaded but seems like it craps out generating the thumbnails… does only a few…
I have tried disabling all plugins with Enfold theme enabled and still get errors…
I can switch to twentytwelve theme leaving all plugins enabled and all pictures upload fine… though this theme does not create thumbnails like Enfold…
I have researched the issue and seem to be a common problem for a lot of people with wordpress but has a billion different answers…
If you have any ideas please advise… I will keep trying to figure it out too…
Hi,
The Twitter Widget has been disconnected due to the retirement of Twitter API v. 1.0 on June 9, and with the new API v 1.1, Twitter placed some restrictions on the distribution of its proprietary content (your tweets). I think Kriesi will either release an update or perhaps you would be better off getting a plugin to take care of Twitter
The icon you like is really a glyph, or a font and not an image, so you can add the font wherever you want in any size you want. See –> http://www.clipular.com/c?8964014=F5x1YRkE-13w_ZbugX56zyHqwro&f=.png
Thanks,
Nick
Glad that Devin got you squared away. Enjoy the theme!
Thanks,
Nick
Hi on my clients blog I can’t get it to show the text in summary format with a few words. It is showing a lot of content. I’d like it to look like it does in your example with about 40 words or less. I have these settings set up:
Reading Settings- show 4 blog posts in summary format
General Settings (theme options)- single author, big picture (no author pic is displayed, feature image is big)
What do I need to change?
Thanks much,
Chris
Hi rhunecke,
There isn’t really any good way to do it with CSS that I can think of that won’t actually cause issues with the slideshow functionality itself. Your best option is to just use images that are the same size by adding them to a canvas and using specific logo images.
With space being a non issue on servers these days it really is the best option.
Regards,
Devin
Is it possible to hide the images completely in the Blog Posts or Posts Slider content element? My goal is to add just a list of my recent posts in text format (title, date, and optionally excerpt) on the home page, but without any images.
Example: just a simple list without images:
Post Title 1
mm/dd/yy
Post Title 2
mm/dd/yy
Post Title 3
mm/dd/yy
Im struggling understanding the image sizes….
Im looking into Blog Single Author Small wich only gives the small 36×36 thumbs, but I might want the bigger image inside the single post at a later time.
In the documentatin it says: width’=>710, ‘height’=>270); // big images for blog and page entries
When I measure standard post format with preview Picture I get 710×256
When I measure Blog Single Author Big I get 660×238
So no where is the 710×270 used. Why would I make it this size?
Is the image beeing cropped in these different layouts?
I need to create a grid in the footer with several images that link to external pages exaclty like the one you have in the footer of this website.
How can I do that? Among the widget I can’t see anything I can use to build that
Thanks
Ander
Hey, i am using Windows 7 (ultimate) 64bit.
and the Internet Explorer 8. It doesnt work with Opera 12.15 (newest Version) aswell.
these two browsers are clean – no plug ins, blockers etc used.
however in firefox and android (jelly bean) it just works fine…
here is a screener: http://www.screenr.com/yfdH
my best regards
P.
Hi,
I’d like to completely remove all hover effects on the images in Enfold. I found this code in another thread here:
.image-overlay-inside, .image-overlay.overlay-type-extern {
display: none;
}
But this only removes the overlay icon, the opacity effect on images is still there. Can you guys help me out? :)
Michael
Actually we plan to add this feature to Enfold and we’ll very likely add it to the template builder but at the moment it’s not possible and you can only use the icons which are bundled with the theme.
1) You can add a margin to the logo – use following code to push it down:
#header_main .logo img {
margin-top: 10px;
}
2) Try to add the width/height of the logo image to the css code like:
#header_main .logo img {
width: 200px;
height: 200px;
}
This will help IE8 to display the image with the right dimensions.
Hi,
On the Fullwidth Slider options, after you insert the images, click on an image again then configure the options. You can add the caption title, description and specify the caption position.
Regards,
Ismael
Hi Martin,
Things look good now when checking on your previous link. The issue with trying to adjust images with css is that its just stretching them or compressing them which in turns loses quality.
So using a good size base image and selecting the appropriate thumbnail size is best.
Regards,
Devin
Hi Chris,
It should be doable by targeting the specific items. If you can provide a link to your site we can inspect the code that you have now and get the basic structure for you as an example.
Regards,
Devin
Hi
You’ll need to add in a new div into the header.php file. Probably just under where the header starts:
<div id='header' class=' header_color <?php avia_is_dark_bg('header_color'); echo " ".$headerMenu; ?>'>
For the footer, it will be the same concept except in the footer.php.
Regards,
Devin
Hi dekkert,
You can inspect the page using any of the browser dev tools and then target the ID for the section you want to hide.
Regards,
Devin
I’m having a few issues with the layer slider (full width).
http://bit.ly/18jfPId — log/pass: abq/abq
There are five slides. Most of the time only a couple will transition through and then it freezes. Or sometimes, it freezes and the first slide never transitions out. This is the biggest problem.
Next, on the demo you can zoom out and the content layers stay centered on the screen with the background image at 100% width. Mine doesn’t do that….the layers fall to far left of the screen. Wouldn’t be so bad since virtually no one would view it that way, but I can’t figure out where to set up my layers so they’re centered at normal view. I set up 1600px wide background images and centered the other layers on top of it, but that is way off and a lot of my stuff is off the screen to the right.
Please help!
Gday Kriesi
Does anyone know how I can achieve a JQuery animated Filterable Masonry-style posts page within Enfold?
I thought I would have to use a plugin such as Zoomfolio but I can’t get it to display any posts (I think there is a theme conflict).
My question isn’t about how to get Zoomfolio to work, but just about any easy way to achieve a filterable posts?
p.s. I don’t want to filter portfolio images, but instead the post summaries.
cheers
Darryl
THANKS FOR THE SUPPORT, YOU GUYS ARE AWESOME!!!!!
I’m almost finishing the website, its going to be insane!
I just need fix the logo, I need to put a little bit down and fix how it look on IE(crap)
http://img842.imageshack.us/img842/8408/tv48.jpg
Hello. I’m sure this may have been asked before, but is there a way to use the Icon List with a custom image instead of a font icon?
My thought was to use a Color Section with a Section ID and then add my custom image to the CSS file, so it would only effect this specific Color Section. Thanks!
Hi,
I am not sure how else I can help you after showing you a way to do this. As I explained, tables are for tabular data and are not layout elements for images. If you are asking how do you make 6 columns and 1 row to become 3 columns and 2 rows on smaller screen sizes, I don’t think that is possible. My suggestion is to use a gallery since that is what is currently done. Here is a random theme to illustrate my point, about what you are trying to do with the table. http://themes.a-salah.com/bostan/new-home-2/
A border color can be easily changed with css.
Thanks,
Nick
Just tried sexybookmarks myself, and have already deleted it again. Perhaps Dude had a better experience with it, but I find it a very bad plugin. Slows down the site, a lot, and causes some layouting conflicts (menu items losing the text in them while still being clickable; old CSS styles being shown first, then switching to the custom CSS; images flickering while being loaded; …).
As soon as I deleted the plugin, all problems were gone and it was back to normal.
Hi,
Please see my answer here https://kriesi.at/support/topic/quform-inside-the-tabs#post-121288 about the qform
Copying site
http://www.clipular.com/c?8869008=7mQBTJWiDUJkYv1Ub3D0914l4LI&f=.png
You need to have a transparent background image and then:
To replicate the same thing as on the links you showed, make a page. add a color section element, Make the color section background aqua color, and inside it add three 1/3 elements. In first 1/3 element add an image element with the picture of confused clock wearer, in second 1/3 element add the text , and in third 1/3 element add a button.
Now will need some css to lower the size of the area so that man’s head and shoulders are pushed out on top, and move the button down :
.avia-button-center {
margin-top: 50px !important;
}
.avia-button .avia_button_icon {
font-size: 1.3em;
}
.avia-align-center.avia_image.avia-builder-el-no-sibling {
position: absolute;
top: -160px;
}
My Settings on Page: http://i.imgur.com/nGnmkoM.png
My Settings for Color Element: http://www.clipular.com/c?8860015=YJMaD1BCoZh1eH4kFwUf6nmmLL4&f=.png
**Important, for my CSS to work, the image must be centered and the button must be centered —> My Settings for Image Element http://www.clipular.com/c?8869014=H0LGUZpSqkQ-2HIP4F_Bx62xUJc&f=.png … The same must be done when configuring the button element. or change my css to reflect your changes.
—-
You will definitely need to adjust the css for different screen sizes using media queries,. I suggest you use Google Developer Tools to change the css to by reusing my code but changing the numbers inside the media queries.
Thanks,
Nick