Sorry…That’s because my picture is too small so the text seems outside…on the left..
But in that case, how can I do if I want to insert a smaller picture knowing that I need my team member module on the left of my page and an icon module right next to it contained in 1/2 page on the right…:-( I can’t figure it out…
Thank you!
There have been some improvement…Now the image displays! I can’t exlain why it didn’t yesterday because I didn’t change anything, I just took a shot today and here it is! There is a picture. But the name and text is not centered above the photo. It appears on the left…What can I do about that?
Thanks
hi ismael! just wanted to see if you got my email? thanks!
Hi,
Yes I have the latest version and no it won’t work…As I told you, I insert an image but I can select any image from the library, I have tried with several, but the image won’t show. On the page builder I can see it, but on the page it’s only text…
Something else, is there any issue with this forum? I have many lines on top of the forum and cannot access my “favorite posts”…
Kind regards,
Now the images don’t jump, but the white box with the arrows (when you mouse over an image) are below the image, not on top of the image. Look at http://www.wafbmuseum.org/alumni-stories/last-flight-the-missing-airmen-march-1951/
Fixing the issue I had here https://kriesi.at/support/topic/images-bouncind-everywhere#post-111917 seems to have fixed this menu issue. as well…
I thought it worked, then it didn’t. Then I cleared the cache and it appears to be working now. The line you had me change was line 261 Thanks!
I did a search, and a copy and paste over the existing line. I will try again
It seems like you insert the code at the very top of avia.js. http://www.wafbmuseum.org/wpdocs/wp-content/themes/enfold/js/avia.js
Please revert the change and don’t insert the code at the very top but replace the (already existing) line
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }
with
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline'}); }
All icons which are used by the theme are stored in an array in functions.php:
/*
* These are some of the font icons used in the theme, defined by the entypo icon font. the font files are included by the new aviaBuilder
* common icons are stored here for easy retrieval
*/
$avia_config['font_icons'] = array(
'search' => '🔍', //36
'standard' => '✎', //6
'link' => '🔗', //40
'image' => '📷', //46
'audio' => '♪', //51
'quote' => '❞', //33
'gallery' => '🌄', //145
'video' => '🎬', //146
'info' => 'ℹ', //120
'next' => '', //190
'prev' => '', //187
'behance' => '', //246
'dribbble' => '', //223
'facebook' => '', //212
'flickr' => '', //206
'gplus' => '', //215
'linkedin' => '', //221
'pinterest' => '', //217
'skype' => '', //238
'tumblr' => '', //219
'twitter' => '', //210
'vimeo' => '', //208
'rss' => '', //98
'mail' => '✉', //5
'cart' => '',
'reload' => '🔄',
'details' => '📄',
'clipboard' => '📋'
);
If the unicode of the icons didn’t change you don’t need to modify the array, otherwise replace the cuurent codes with the new codes (take them from the custom charmap).
That did fix the bouncing around, but now the slideshow won’t work….
My images jump too. I added them through the Add Media when editing in display mode. I am not using columns, so how do I stop the jumping? It does it in Chrome, IE and Firefox….
Hi,
Try following – open up enfold/js/avia.js and replace:
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }
with
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline'}); }
Hey!
Yes sure – especially if you add many image layers to the slider. Simple text layers won’t affect the performance.
Regards,
Peter
Hi.
Yeah, noticed it. I’m not sure if this will work. Add this on your custom.css
post-entry-11 .flex_column.av_one_third .avia_textblock p {
margin: 0.85em 0 !important;
}
.post-entry-11 .flex_column.av_one_third {
min-height: 203px !important;
}
How did you add them anyway?
Regards,
Ismael
Hi,
I’m sorry about the forum. You can attach images using simple html tags.
. You can edit your post by clicking the small “Edit” post below your current post. You can also delete them. If you want to see all of your post, click the “Member” text at the bottom of your Username.
Please give us link to the pages with certain issues.
Thank you,
Ismael
I posted this earlier, but it seems to have disappeared. My page at http://www.wafbmuseum.org/wpdocs/history-of-walker-air-force-base/579th-missile-squadron/ has images, but when you mouse over them they bounce all over. Why is this happening?
Hi,
Re-size the logo first using Paint or Photoshop. Suggested logo size is 200px * 100px. Go to Theme Options > upload the logo. When the upload is finish select which size you want to use before clicking the “Use Image as Logo”.
Regards,
Ismael
Hi,
I don’t really see anything wrong on the website. I have a 1600×900 resolution screen and even when I resize the browser to any specific size, the site looks good without the portfolio images overlapping. These are the list of screen sizes, normally use on homes, offices etc.
800 x 600
1024 x 600
1024 x 768
1366 x 768
1280 x 600
1280 x 800
1280 x 960
1280 x 1024
1440 x 900
1600 x 1200
1920 x 1080
1920 x 1200
I tested the site on each resolution and the portfolio looks fine. I don’t really think a user will re-size his browser to 1200px deliberately.
Regards,
Ismael
Hi,
If you only want to target the portfolio thumbnails, you should change this line of codes
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
You may need to edit some css because it will probably resize the thumbnail but the thumbnail will inherit the size of the portfolio container.
Regenerate the thumbnails with http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Regards,
Ismael
Hi,
I tested this on the localhost and it works perfectly fine. Please try to insert an image and select any images on the Media Library.
Do you have the latest version of Enfold? Please download it on your themeforest account.
We suggest to build the site with the Enfold theme online to avoid configuration and database lost later.
Regards,
Ismael
When I insert an image to a page, all works fine, until you mouse over the image, then it bounces all over, almost like it is a joke and I set it up for the images to move away from the mouse. How do I fix this?
http://www.wafbmuseum.org/wpdocs/579th-missile-squadron/
Hi there,
Here’s a link to the image effect im trying to reproduce. The large oranges at the top would be within the transparent slider. Possible????
http://www.clipular.com/c?6029094=ElAiRoselI8riSzj5UpygB3eFx0&f=.png
Hi there,
Slightly unusual this but is it possible to somehow use one big image to cover everything from the nav, header,slider (with a transparent background) and main body. I dont want to segment the sections but instead create one seamless image with minimal interaction on the top. Im guessing something has to be made tranparent or invisible. In which case I would need to switch off the ruled lines between Header & Main and quite poss the alternative background too.
How do I do this… CSS?
Cheers
Hi,
Anything is possible. Can you be a bit more specific about what specifically changing into what else. If you can take a snapshot of the demo portfolio page and on http://www.imgur.com (or other image storage) there are objects like little arrows you can add to the snapshot to better flush out your thought as well as convey your idea to the support team better; then just paste the link to the image here
Please try this css. You can add it to Quick CSS located in Enfold > Styling at the bottom of the page or to the /css/custom.css
#top .grid-content, #top .grid-entry-excerpt, #top .grid-entry-title {
background-color: grey;
}
#top .grid-entry-excerpt {
color: white;
}
#top .grid-entry-title {
color:yellow;
}
Thanks,
Nick
Thank you.
Images and text still jump though. Do you have a solution for that?
http://dure.ballmedia.com/
Hi,
You both are asking very abstract questions that are difficult to answer without seeing what you have on the pages, etc.. so there are multiple possible combinations with the theme. Could you provide a url please (you can mask it with http://www.goo.gl) so that we can give you the code for you to use with your designs.
Here is the css code I use to make everything including header, body, footer, socket transparent. Please add this CSS below to Quick CSS or to /css/custom.css file.
#top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
background-color:rgba(255,255,255,0) !important;
}
#top .container_wrap {
border-top-width:0px !important;
}
#top #header_main {
border-bottom-width: 0px !important;
}
Just please make sure that you add a background in Enfold > Styling > General. and remove the color from ‘Body Background color’ input box right above where you will upload the image on that page.
Thanks,
Nick