Hi,
tbh I’m not aware of a thumbnail size which generates images with 666px. All sizes are defined in functions.php:
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 ); // images for fullsize pages and fullsize slider
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
$avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider
$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
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)
The portfolio uses the “portfolio” or “portfolio_small” size by default but since version 1.5 you can also choose a different thumbnail size.
Hi there
I would like to change the portfolio overlay icon to a word, is this possible? Example, when you hover over the portfolio image instead of, let’s say, an image of a telephone you see the word ‘contact’.
Thanks
Silvio
It works for me and doesnt fade, with a background image it doesnt show for me. Perhaps try adding a div at the top of the slide with 100% width and minimal height with css in LayerSilder settings?
Hi,
I like the inset shadow of the layerslider, however, it’s always overridden. You see this as well on the enfold demo home page.
As soon as the image fades in, the inset shadow fades away as well.
I’ve tried adding inset box shadow on practically all possible layer classes (eg ls-inner, ls-container, etc), but always it fades away.
Can someone show me how it’s done?
Thanks
Hi there, is there anyway to change the look of posts when they’ve been collated after a search? i.e. if I search for a post I get the Freatured Image and excerpt. I’d like to add other elements to the way the search results appear perhaps a simple ‘contact’ or ‘read more’ link or button.
Thanks
I have a background image in this page:
http://www.glassesoff.com/the-product/
I need to make it responseive.
How do i do it ?
(I would use the text box but i need the image to be full width)
Same effect with my example.
http://wl-services.de/joe/ looks perfect with Safari, but the effect is not visible with Chrome in the desktop.
Please someone?
It works fine in the official Enfold demo, so I don’t understand what’s causing this, especially since it’s like this without any of my custom CSS. The surrounding div seems to be set correctly at 1210px, but the img and hyperlink itself are 1030px, why doesn’t it grow with the grid?
Thanks
I want to have second variant.
So as you told i installed plugin, on Media Settings changed Thumbnail size to 257×257. Clicked to Regenerate Thumbnails. But i see message: Regenerating 2 of 76 (3)… and 1% done and i see first image image http://hotapp.org/wp-content/uploads/2013/05/template5Preview-600×430.jpg preview and nothing happend next. I clicked to Save Changes button but after refresh the Portfolio page thumb doesnt changed:(
Maybe need recreate that post?
Have just tried it again with version 1.5 and it is still occurring with the latest version in chrome. Although this time the background goes to black on transition. You can view it on the homepage in the woodgrain at the bottom of the page. I am using chrome Version 27.0.1453.94 which is the latest version
Hi,
Please add this on your custom.css or Quick CSS
.avia-align-center img {
margin: 0 auto;
}
Regards,
Ismael
Hi!
Select Fade then fill in the Rotation option. You can use PNG text images instead of actual text.
Regards,
Ismael
Hi,
This is the code for that area.
<div class="flex_column av_one_third avia-builder-el-7 el_after_av_two_third avia-builder-el-last "><div class="avia_textblock">
<div style="color: #ffffff; background-color: #434c56; padding: 20px; border-top-left-radius: 25px; border-top-right-radius: 25px; margin-bottom: -40px; text-align: center;">
<p style="font-size: 15px;"><img class="alignnone wp-image-1928" alt="ContentCTA" src="http://symbioticmarketing.co.uk/wp-content/uploads/2013/04/ContentCTA.png" width="290" height="152"></p>
<p style="font-size: 15px;">Or simply fill in your details below<br>
and we will get back to you.</p>
<p style="text-align: center; font-size: 15px;">You have nothing to lose and<br>
only new business to gain.</p></div>
</div>
<form action="http://symbioticmarketing.co.uk/services/corporate-blogging-copywriting/" method="post" class="ajax_form avia-builder-el-9 el_after_av_textblock avia-builder-el-last " data-avia-form-id="1">
<fieldset>
<p class="" id="element_avia_name_1"><label for="avia_name_1">Name*</label> <input name="avia_name_1" class="text_input is_empty" type="text" id="avia_name_1" value=""></p>
<p class="" id="element_avia_e-mail_1"><label for="avia_e-mail_1">E-Mail*</label> <input name="avia_e-mail_1" class="text_input is_email" type="text" id="avia_e-mail_1" value=""></p>
<p class="" id="element_avia_contact_number_1"><label for="avia_contact_number_1">Contact Number*</label> <input name="avia_contact_number_1" class="text_input is_empty" type="text" id="avia_contact_number_1" value=""></p>
<p class="" id="element_avia_sign_up_for_our_email_newsletter_1"> <input name="avia_sign_up_for_our_email_newsletter_1" class="input_checkbox " type="checkbox" id="avia_sign_up_for_our_email_newsletter_1" value="true"><label for="avia_sign_up_for_our_email_newsletter_1">Sign up for our email newsletter</label></p>
<p class="" id="element_avia_message_1"> <label for="avia_message_1" class="textare_label hidden textare_label_avia_message_1">Message*</label> <textarea name="avia_message_1" class="text_area is_empty" cols="40" rows="7" id="avia_message_1"></textarea></p>
<p class="hidden"><input type="text" name="avia_avia_username_1" class="hidden " id="avia_avia_username_1" value=""></p>
<p class=""><input type="hidden" value="1" name="avia_generated_form1"><input type="submit" value="Submit" class="button"></p>
</fieldset>
</form>
<div id="ajaxresponse_1" class="ajaxresponse ajaxresponse_1 hidden"></div>
</div>
He used border-top-left-radius: 25px; border-top-right-radius: 25px;.
http://border-radius.com/
Regards,
Ismael
Hi,
Can you give us a link to your website?
Please check functions.php. Do you have this line of code? 281-321
if(!function_exists('avia_post_nav'))
{
function avia_post_nav($same_category = false)
{
if(!is_singular() || is_post_type_hierarchical(get_post_type())) return;
//if(get_post_type() === 'portfolio') return;
global $avia_config;
$same_category = apply_filters('avia_post_nav_categories', $same_category);
$entries['prev'] = get_previous_post($same_category);
$entries['next'] = get_next_post($same_category);
$output = "";
foreach ($entries as $key => $entry)
{
if(empty($entry)) continue;
$tc1 = $tc2 = "";
$link = get_permalink($entry->ID);
$image = get_the_post_thumbnail($entry->ID, 'thumbnail');
$class = $image ? "with-image" : "without-image";
$output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
$output .= " <span class='label iconfont'>".$avia_config['font_icons'][$key]."</span>";
$output .= " <span class='entry-info-wrap'>";
$output .= " <span class='entry-info'>";
$tc1 = " <span class='entry-title'>".avia_backend_truncate(get_the_title($entry->ID),75," ")."</span>";
if($image) $tc2 = " <span class='entry-image'>{$image}</span>";
$output .= $key == 'prev' ? $tc1.$tc2 : $tc2.$tc1;
$output .= " </span>";
$output .= " </span>";
$output .= "</a>";
}
return $output;
//add this line for fake. never gets executed but makes the theme pass Theme check
if(1==2){paginate_links(); posts_nav_link(); next_posts_link(); previous_posts_link();}
}
}
Regards,
Ismael
Hi,
I can’t see the flickering when I re-size the browser. What browser are you using?
Let me tag the rest of the support team to check.
Regards,
Ismael
I can’t use center alignment on images. Left and right alignment work fine, but center does not. See this page as an example:
http://fohboh.zippysites.com/member-perks/
Thoughts?
Hey there,
All of my portfolio items are displayed using the 2/3 and 1/3 layout.
I wanted to optimize my site and batch resize my images to fit the dimension. I noticed the exact width of my images displayed is 666. I’m a little uncomfortable with all my images being sized to this number (It may seem trivial, but it’s not something I take lightly).
Is there any way to change the dimensions to 670 or 660..? I tried finding these numbers is the source code but was not successful.
Thank you for your understanding!
Blessings,
Jason
Hi,
I’ve just played with it. The phenomenon is the same without any background image.
You can compare this page : http://www.juls.ch/studios/contact/ (put you mouse on the contact form and look the socket)
with this one http://www.juls.ch/studios/test/ (same test)
You cn see the phenomenon only with sidebar on contact form page, but always on other pages with mouseover effect like lightbox for example… tested without any background images, same prob. Strange! All this only in webkit (Chrome and Safari MAC, not tested on Windows)
Thx
Jul
Hi,
Same problem with this syntax, but without fixed blocks, the backgrounds blocks works individually and not like a single big background.
You can see the result http://www.juls.ch/studios/lost/
Thx
Jul…
Hi,
I played around with it. I broke it up into individual parts so it’s easier to handle. Please try these blocks . I took off fixed on the blocks that don’t need it.
.main_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
background-attachment: fixed, fixed;
}
.container_wrap_logo{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.alternate_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
html {
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.socket_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
.footer_color{
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
}
Thanks,
Nick
For your answere about my custom.css
.socket_color, .footer_color, .alternate_color, .container_wrap_logo, .main_color {
background-image: url(../../../../../img/background.svg), url(../../../../../img/background_dark.png);
background-size: 100% 100%, auto;
background-position: left top, left top;
background-repeat: no-repeat, repeat;
background-attachment: fixed, fixed;
}
That’s the way for CSS3 multiples background, here I have 2 backgrounds, an SVG who is 100% height and 100% width, and a .png with repetition (under the SVG). No repeat is for the SVG and repeat is for the .png.
I use this from long time, it’s work fine, for example with your Choices theme. I have only this phenomenon in Enfold on Safari and Chrome…
Thx
Jul
Hi,
See above I amended my answer once I remembered about the flickering.
The fixed directive seems to be causing it.
Thanks,
Nick
Nick you’re hero of the day! :o) That’s only what I needed!
Sorry for my explanations, my english is not (always) good ;o)
Just the last prob for me is the flickering effects with background that I had mentioned on Safari and Chrome. That’s a minor problem for me but it was mentioned also here : https://kriesi.at/support/topic/alternate-background-image-flickering-black-when-window-resize you can close my post and I’ll take a look on this one.
Thanks!
Jul…
Hi,
You can use the theme correctly with sidebar or without. Just a matter of tweaking it with CSS since there is no way to create such a robust theme that’s one-size fits all, without a few adjustments to meet individual expectations. But then again, that’s why I am here. :)
Please add this to your /css/custom.css
#top.single .fullsize .template-blog .post .entry-content > *, #top.single .fullsize .template-blog .post .entry-content {
max-width:990px !important;
}
If 990px is too small, set it at 1100 but 990 seems to be the size of your image.
Thanks,
Nick
ok ismael! that i got solved. my second question was: it seems like the browse function got disabled that existed before. how can i add that so the reader can browse forward/backward in a single post? i’d like the reader to see links or <> to previous and next post.
Hi,
Same problem for me (read the end of this post : https://kriesi.at/support/topic/lightbox-on-preview-images#post-114527 )
Flickering on mouseOver…
Regards,
Jul
Ok, I’ve tried to do otherwise.
If you see http://www.juls.ch/studios/lost :
Safari 6 and Chrome for MAC : image as the same width as the text
Ok for me but how can I have the same width post without sidebar as the post with sidebar ?? Because the image is smaller than I had a sidebar…
Firefox for MAC : Th image has is orgininal size…
I don’t understand anything…
And last problem (only Chrome and Safari for MAC, not Firefox for MAC), as you can see, on mouse over the image there is a flashing effect on socket and header. On my contact page I have the same problem on mouseOver the contact form, flickering on footer, but only with sidebar, without sidebar I don’t have this effect…
I can’t use the theme correctly without sidebar…
Jul
For some reason the repeating mage that I’ve set for the background image on alternating panels works perfectly here:
http://www.cogitocorp.com.php53-17.ord1-1.websitetestlink.com/?page_id=1439
But on this page, it flickers black if you resize the window or even appears all black if the window size is a certain width (you can get it to appear again by resizing):
http://www.cogitocorp.com.php53-17.ord1-1.websitetestlink.com/?page_id=1379
Any idea what’s causing this?
I’m viewing it in the most recent version of Mac Chrome : Version 27.0.1453.93
Hi,
Yes
Yes
This is a simple blog post…
—
Ok, but if I save it as regular, I have to insert my image in the post, and if I do that, my image is small! (it happens only with full width display “no sidebar”, if I use a sidebar, no problem!) I see now why you don’t have an example without sidebar ;o)
I’ve tried to set the news page as a normal page (not setting as blog page in settings) and use the advanced template builder to use blog post with “read more” links, but read more links don’t works…
I’m sorry but I’ve many many probleme with blog elements on full width, I don’t understand why.
Thx
Jul