If I go here: http://kriesi.at/themes/enfold/portfolio-item/slider-two-third/ and view the info for the first image, it shows 710×575 (scaled to 666 x 539). I tried changing the functions.php file to 694 x 562 as it says above, but it didn’t change.
What I want is for that image on the single portfolio 2/3 to be 100%, not scaled or it will stretch and look blurry.
I also tried setting the width of the template to wide and widest to see if that changed, but both times it scales to 666. I was not able to find where to fix this, please help! I need to know what size to make about 200 images, and I need it done yesterday. :)
We are also experiencing this issue, using your code mod didn’t solve the issue.
It occurs on the homepage, when Fullwidth Easy Slider, normal settings with multiple sliders
These are the settings for the colour section that I added, that is having the problem. The background in the coloured section disappears an and turns white, and then reappears when the flexislider transitions to the next slide.
Color Section:
Section Colors: main content
Custom Background Image: yes
Background Image Position: repeat
Background Repeat: Repeat
Background Attachment: Fixed
Section Padding: Default
Section Top Shadow: Display Shadow
I’m not using a mailchimp plugin. I’m using a lightbox plugin that displays the form. I embedded the code below in a widget. I took the code from the mailchimp site that generates the code. I don’t notice any jquery/javascript code in the beginning like your example.
<!-- Begin MailChimp Signup Form -->
<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; }
/* 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>
<div id="mc_embed_signup">
<form action="http://dailyvitamoves.us4.list-manage.com/subscribe/post?u=81588f280f78f6324481f7323&id=14b41b56e4" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<h2>Get VitMoves Every Week</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-FNAME">First Name <span class="asterisk">*</span>
</label>
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
</div>
<div class="mc-field-group">
<label for="mce-LNAME">Last Name <span class="asterisk">*</span>
</label>
<input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<script type="text/javascript">
var fnames = new Array();var ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';
try {
var jqueryLoaded=jQuery;
jqueryLoaded=true;
} catch(err) {
var jqueryLoaded=false;
}
var head= document.getElementsByTagName('head')[0];
if (!jqueryLoaded) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
head.appendChild(script);
if (script.readyState && script.onload!==null){
script.onreadystatechange= function () {
if (this.readyState == 'complete') mce_preload_check();
}
}
}
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
head.appendChild(script);
var err_style = '';
try{
err_style = mc_custom_error_style;
} catch(e){
err_style = '#mc_embed_signup input.mce_inline_error{border-color:#6B0505;} #mc_embed_signup div.mce_inline_error{margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff;}';
}
var head= document.getElementsByTagName('head')[0];
var style= document.createElement('style');
style.type= 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = err_style;
} else {
style.appendChild(document.createTextNode(err_style));
}
head.appendChild(style);
setTimeout('mce_preload_check();', 250);
var mce_preload_checks = 0;
function mce_preload_check(){
if (mce_preload_checks>40) return;
mce_preload_checks++;
try {
var jqueryLoaded=jQuery;
} catch(err) {
setTimeout('mce_preload_check();', 250);
return;
}
try {
var validatorLoaded=jQuery("#fake-form").validate({});
} catch(err) {
setTimeout('mce_preload_check();', 250);
return;
}
mce_init_form();
}
function mce_init_form(){
jQuery(document).ready( function($) {
var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){} };
var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
$("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
options = { url: 'http://dailyvitamoves.us4.list-manage.com/subscribe/post-json?u=81588f280f78f6324481f7323&id=14b41b56e4&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
beforeSubmit: function(){
$('#mce_tmp_error_msg').remove();
$('.datefield','#mc_embed_signup').each(
function(){
var txt = 'filled';
var fields = new Array();
var i = 0;
$(':text', this).each(
function(){
fields = this;
i++;
});
$(':hidden', this).each(
function(){
var bday = false;
if (fields.length == 2){
bday = true;
fields[2] = {'value':1970};//trick birthdays into having years
}
if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
this.value = '';
} else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
this.value = '';
} else {
if (/[day]/.test(fields[0].name)){
this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;
} else {
this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
}
}
});
});
return mce_validator.form();
},
success: mce_success_cb
};
$('#mc-embedded-subscribe-form').ajaxForm(options);
});
}
function mce_success_cb(resp){
jQuery(document).ready( function($) {
$('#mce-success-response').hide();
$('#mce-error-response').hide();
if (resp.result=="success"){
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(resp.msg);
$('#mc-embedded-subscribe-form').each(function(){
this.reset();
});
} else {
var index = -1;
var msg;
try {
var parts = resp.msg.split(' - ',2);
if (parts[1]==undefined){
msg = resp.msg;
} else {
i = parseInt(parts[0]);
if (i.toString() == parts[0]){
index = parts[0];
msg = parts[1];
} else {
index = -1;
msg = resp.msg;
}
}
} catch(e){
index = -1;
msg = resp.msg;
}
try{
if (index== -1){
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(msg);
} else {
err_id = 'mce_tmp_error_msg';
html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
var input_id = '#mc_embed_signup';
var f = $(input_id);
if (ftypes[index]=='address'){
input_id = '#mce-'+fnames[index]+'-addr1';
f = $(input_id).parent().parent().get(0);
} else if (ftypes[index]=='date'){
input_id = '#mce-'+fnames[index]+'-month';
f = $(input_id).parent().parent().get(0);
} else {
input_id = '#mce-'+fnames[index];
f = $().parent(input_id).get(0);
}
if (f){
$(f).append(html);
$(input_id).focus();
} else {
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(msg);
}
}
} catch(e){
$('#mce-'+resp.result+'-response').show();
$('#mce-'+resp.result+'-response').html(msg);
}
}
});
}
</script>
<!--End mc_embed_signup-->
Hi,
What you are showing on the site can be changed in file /includes/loop-index.php , with the blog image on line 101 the way you have the blog setup, remember there are multiple settings. However all are controlled on this page. But yours is line 101 for the image.
I suggest you get NotePad++ and download the theme folder somewhere on your desktop home computer, then use notepad++ to search through all files in the entire folder for classes you see when you view source around the parts you want to edit and then you will see how the structure is and which pages it is located on. https://kriesi.at/support/topic/changing-to-antoher-language#post-102486
Thanks,
Nick
Hi,
Yes, maybe that’ll work. Try it and update us on the result.
Regards,
Ismael
The problem is really the incompatibility between the facebook’s divs and the layout. If look at the image above I think it is pretty clear.
I’m having trouble sorting out what the top bar is called… where you would put a phone number etc. I want to change the color of that bar only. I found the code which colors it, but I was hoping I could remove everthing but the specific bar. Which one is that called?
.header_color table, .header_color .widget_nav_menu ul:first-child > .current-menu-item, .header_color .widget_nav_menu ul:first-child > .current_page_item, .header_color .widget_nav_menu ul:first-child > .current-menu-ancestor, .header_color .pagination .current, .header_color .pagination a, .header_color.iconbox_top .iconbox_content, .header_color .av_promobox, .header_color .toggle_content, .header_color .toggler:hover, .header_color .related_posts_default_image, .header_color .search-result-counter, .header_color .container_wrap_meta, .header_color .avia-content-slider .slide-image, .header_color .avia-slider-testimonials .avia-testimonial-content, .header_color .avia-testimonial-arrow-wrap .avia-arrow, .header_color .news-thumb {
background: none repeat scroll 0 0 #D9FFD9;
}
Thanks,
– John
p.s. I used firebug to grab that. If there’s a better way to see the structure and know what it’s called, I would be grateful to find out. Trying to learn how to do all this!
http://goo.gl/iVssq
You can just add any of those products and add it to cart and proceed to check out. both the cart page and checkout page should be ssl secured. It seems maybe there is an image, part of the css or something that is not secured.
I understand that my site is still secure but some browsers show a popup error saying some content is not secure and it does lower the sales conversion rate. I just want my pages to be fully secured.
I hope you are able to help me.
Hi,
There are links there. I saw them in the source.
However on this page now http://polettofit.com/about/ , i see the issue.
(non working answer removed. see below)
Thanks,
Nick
I did as you pointed out in the video. I went to Pages>Home v2: 3 Col Images + Contact(or what ever page I didn’t want in the header)>Layout>Header>Don’t display the header. And then update, but nothing changed.
Hey lounge35,
Can you give the settings you have to re-create it? I’ll try and duplicate it to see whats going on.
Regards,
Devin
Hi rrdr,
In this video I create a section very much like that one: https://vimeo.com/channels/aviathemes/64927358
You just need to use a color section and set a background image to get that kind of effect. Then you can add other elements on top of it.
Additional videos are posted on that same channel and you can make requests for new ones here: https://kriesi.at/support/topic/video-requests
Regards,
Devin
I would really appreciate if you could tell me if there is a way to create nested elements. For example, creating a box with an image background that has text on top of the image.
There is an example found on this page, http://kriesi.at/themes/enfold/, all the way at the bottom that reads “In case you need help”. This would be an example of a nested element, the background image is laid behind some other text/images. Did you use a rotator to create this item?
thanks
Hi madebynoemi,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.single-post .big-preview.single-big {
display: none;
}
This is the most straightforward way of removing the featured media are on the single posts.
Regards,
Devin
http://andrewb.co.za/newsite/?page_id=731
Any idea why gallery image #1 does not contain a caption? This is an entry utilising default content.
Hello,
I do a test for 1 image and it looks better
If i replace in function.php
$avia_config = array(‘width’=>710, ‘height’=>270);
by
$avia_config = array(‘width’=>694, ‘height’=>562);
and regenerate images, you think this will fix the problem ?
Ismael i did exactly that but it doesnt show on “blank pages”
Devin i just tried that also and the full screen background is still not showing.
below are the screenshots
1.) here is where i uploaded background the regular way http://demo.globalads24.com/wp-content/uploads/2013/05/Picture817adj.png
and it shows like this on the website page(s) http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-814.png
2.) here is the color selection and background added http://demo.globalads24.com/wp-content/uploads/2013/05/Picture816adj.png
it shows as orange on top and images below but no full screen stretched background http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-815.png
thx
jasmine
Hi blingcart,
Loading in http files doesn’t actually make the page insecure. It just means those images files are not coming in over a secure connection. Big big difference.
If you can provide a link to the site we can take a look at what items are directly effected and see if we can provide a fix.
As far as actual security goes, having the SSL certificate installed and running properly is only the first step but again, there is a significant difference between insecure and a few things not coming in over https.
Regards,
Devin
When the header shrinks my logo is not readable. All I want to know is what do I need to do to make a different logo image load when the header shrinks? because my logo will not look good when shrinked. I would rather make a different one for the small header.
for example fullsize header = logo.png
small header = smalllogo.png
Thanks for doing the screencast Nick. But the reason nothing moves now is because I inserted the images without links which essentially turns off the lightbox which is the problem in FF.
Ah, thanks. that’ll do it! Can’t believe I didn’t think of that.
Seriously – awesome theme – I’m in love the flexibility!
Steve
Hi, I hope to replace the divider line (the long one) as shown in the picture below with the one shown in the picture at the end, how to? thanks in advance!
http://www.fujianshipbuilding.com/separate.png
with
http://www.fujianshipbuilding.com/bg-line.png
Hi,
Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, there is no sure way for us to know that we are dealing with the same built. Also a number of updates have already been released for the theme, and we can not be sure what version you are using.
Your best bet is to mask the link using http://www.goo.gl . Please also take a screen capture of the page and point out what you need done using tools available on imgur.com or other free image hosts.
**A screenshot by itself though will still not help since we need to look at the source code in order to provide a meaningful solution.
http://www.clipular.com/c?5598084=aeIW8G6LtBwoAz4-jYsXJ9IoED4&f=.png
Thanks,
Nick
Hi jasmine,
You should be able to do that by first adding a color section to the layout and putting the background image in that elements settings. Then add all of your other content inside that color section.
Regards,
Devin
Hey,
I’m not really clear on what you are trying to accomplish. You can change the background on Theme Options > Styling > General > Background Image. You can upload a new image or use the available patterns.
Regards,
Ismael
Hi,
Please try adding this class to any **linked images** where this is taking place. Make sure to add it to the <a and not to <img tag (see below). If there is already a class in your image just add it next to the class already there. Though I can’t see the issue myself.
class="noLightbox"
or if class already there add noLightbox behind it, so your link would look like this.
<a class="noLightbox someOtherClass" href="some-url.com">
You can see what I see in this screencast. Not much.
https://docs.google.com/file/d/0B8hqGBMSfHtKRFZzX2IxNHMxQ2s/edit?usp=sharing
Thanks,
Nick
Hi,
You can install the http://wordpress.org/extend/plugins/simple-image-sizes/ plugin, which will allow you to modify the default expected image sizes for various locations throughout the theme, as well as whether to crop or not .. located in Settings > Media. Just remember that changing the settings does not affect the images already there (you will need to regenerate images, located on same page lower).. but it will affect all new uploads. If you run into problems , it may be easier to re-upload the image since if your wordpress doesn’t have enough memory, regenerate will not work.
Thanks,
Nick
Hi,
Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, there is no sure way for us to know that we are dealing with the same built. Also a number of updates have already been released for the theme, and we can not be sure what version you are using.
Your best bet is to mask the link using http://www.goo.gl . Please also take a screen capture of the page and point out what you need done using tools available on imgur.com or other free image hosts.
*A screenshot by itself though will still not help since we need to look at the source code in order to provide a meaningful solution.
Thanks,
Nick
hi!
i’d like to remove the featured image that is now shown above title inside single post. i’d like the featured image only seen on blog start page and single post to start with title and post content. where/how can i do that?
best,
/n