Forum Replies Created
-
AuthorPosts
-
Hi,
Please read directions about how to use the WPML plugin first. https://kriesi.at/support/topic/callout-translation-wpml#post-77814
Create a page in your initial language. http://www.clipular.com/c?6594137=lplk_oHAyD918GMCKEGP_OS5-9Y&f=acc7888a8365ed670f592c3ecdacd876
Then switch to your translation language by clicking on the flag of the other language. Now you can just click Copy Content from English (on right side http://www.clipular.com/c?6822111=ngtjX3fmnubCV9BKByRjCG9GESY&f=.png) or whatever language you selected. And the shortcodes will appear in the text area. Now just switch to Advanced Layout Editor, and make the translations of what needs to, and save.
Thanks,
Nick
Hi,
These are the only locations in the theme that have the words ‘the header’ that would be visible to end user.
file: /config-templatebuilder/avia-template-builder/config/meta.php
lines: 202, 207, 208
Thanks,
Nick
Hi,
If I am not mistaken, that may already be on the request list of future Enfold functionality. I am not very familiar with NextGen, so I am not sure just how challenging it would be to integrate it with the layout builder or even what priority a request like that would have in the overall direction that Kriesi is shepherding the theme towards.
Thanks,
Nick
Hi,
Sorry for the delay. Endless power failures.
I think the reason for the logo not resizing is because of this css specific to IE8 which forces the logo to be displayed at a specific size. You are forcing 150 height. You should take that css out. 1st 2nd and 4th block.
<!--[if IE 8]>
<style>
.logo a{
max-height: 100% !important;
}
.logo a img{
height: 150px;
}
body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover {
background: #a6ce39;
}
#header_main .container {
height: 150px !important;
line-height: 150px !important;
vertical-align:middle;
}
</style>
<![endif]-->Thanks,
Nick
Hi,
Smush.it is a lossy optimizer; it doesn’t do lossless optimizations.
You are not using correct optimizers if you can’t shrink a 1070k sized png image ( http://suiciderescue.se/wordpress/wp-content/uploads/2013/04/SuicideRescue.bg-1700.png ). First, an image of that type should be in jpg format since it already has a blurry background and besides its not digital art but a photo.
I optimized this one to 76k and still 1700px as a jpg http://i.imgur.com/CYnc40T.jpg
I optimized this one to 388k at 1700px as a png http://i.imgur.com/6zl6CUz.png
For the png I used ( http://tinypng.org/ ) and for the jpg i first converted it to a jpg with Photoshop and then used ( http://www.jpeg-optimizer.com with 61 optimization and no crop )
===
If you are serious about your image optimization you need the heavy duty plugin like http://wordpress.org/plugins/ewww-image-optimizer/ …
===
I would recommend for you to host on nginx instead of Apache server. I would recommend that you use opcode cache (php accelerator) like APC.On Apache you can ask host to use mod_pagespeed https://developers.google.com/speed/pagespeed/mod . The pagespeed mod is now available in more than one hosting company and that thing if correctly setup will optimize everything. Otherwise look into w3tc + apc + cdn to offload static images/css/js + cloudflare (pay version) +varnish.
Thanks,
Nick
Hi,
Please use Ismael’s code above.
But yes, IE8 has problems with display, but IE is getting a little better complying with web standards with each new version. I think IE2 only supported Morse Code for background colors… that must have been rough.
Thanks,
Nick
Hi,
Good luck. For now, add the css I gave you to your /css/custom.css which will at least make sure that you dont have that empty space under the images in the gallery.
Thanks,
Nick
June 9, 2013 at 7:52 am in reply to: Header Height Control // Fixed Header + Social Icons + additional Navigation #123411Hi,
Since I can’t see your code to give you the correct css for your situation, I will guess. Please add this to your /css/custom.css or to Quick CSS located in Enfold > Theme Options – Layout (textarea at the bottom) . If it doesn’t fit change 247px to a lower or higher number.
.fixed_header.social_header #main {
padding-top:197px !important;
}Switching to mobile navigation at larger screen size will annoy tablet owners. I think a better solution would be to lower the menu , however to change the screen size that triggers the mobile menu please open up /js/avia.js and find line 1099 which looks like
switchWidth: 768,
Change that number above (768) to 790
and also please add this css but change 767 to whatever number you put above minus one. so if instead of 768 you put 777 then put 776 below.
@media only screen and (max-width: 767px){
.responsive .main_menu {
position: static;
}}Thanks,
Nick
Hi,
You can change it like this, just chose whatever font you want, as I used times new roman
#menu-main-menu {
font-family:"Times New Roman",Georgia,Serif;
}
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
font-family:"Times New Roman",Georgia,Serif;
}Hi,
This controls the width`
.boxed#top {
width: 1010px;
}
@media only screen and (min-width: 1140px){
.responsive .boxed#top {
width: 1130px;
}}
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive .boxed#top {
width: 782px;
}}
@media only screen and (max-width: 767px) and (min-width: 480px){
.responsive .boxed#top {
width: 478px;
}}
@media only screen and (max-width: 767px){
.responsive .boxed#top {
width: 318px;
}}Just change them as you wish, the top 2 probably, the others are media queries for smaller screen sizes.
Thanks,
Nick
Hi,
You have a large number of errors generating from two external js files and the slider stopped just as 5 errors pop up. 7 error total. i added the url to each file behind the error)
Uncaught TypeError: Object #<HTMLLIElement> has no method '_each' prototype_1_7.js:828 ( idxre.com/idx/lib/javascript/prototype_1_7.js?version=2012-11-07 )
==============
Uncaught TypeError: Cannot call method 'disable' of null searchAtlasUtilities.js:143 ( idxre.com/idx/lib/javascript/searchAtlasUtilities.js?version=2012-11-07 )I am not sure what this stuff is, but looks real estate relevant. Overall you have something like 40-45 javascript files, some duplicates on this page, which is a bit of an overload.
Thanks,
Nick
June 7, 2013 at 1:25 pm in reply to: Header Height Control // Fixed Header + Social Icons + additional Navigation #123409Hi,
Do you have a url where this is taking place because I am not seeing this on my local. You can mask the url with http://www.goo.gl
Thanks,
Nick
Hi,
Please open up header.php and on line 63, before the </head> tag, please add this
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Droid Sans', 'Droid Serif']
}
});
</script>Just make sure you add the correct google font family. See if that makes a difference. Seems to do the trick.
Thanks,
Nick
June 7, 2013 at 11:56 am in reply to: Advanced Layer Slider – Hintergrundbild im Responsive Design wird beschnitten #123430Hi,
Its not a good idea to designate the width in % and the height in pixels in a responsive theme , since you will run into problems on different screen sizes.
Your main image is nearly 900k which is also gonna cause problems especially for visitors on mobile devices. You can compress it down to 100-200k easily. ( http://www.jpeg-optimizer.com/uploaded_images_final/Aussenansicht-Lokwerk-Startseite-Layerslider__1370605903_36.37.220.236.jpg )
Please update the theme at themeforest.net as version 1.6 is out and you are using 1.31 and there are lots of fixes in the update. You may install the update using FTP , just please be aware that it will overwrite all theme files, so make a backup first if you modified them.
Thanks,
Nick
Hi,
Your logo is 250×243 and displays as 144×150 . You should resize it to 144×150 and reupload it and IE8 will show it at full size as its doing now while other browsers display it at smaller size.
Thanks,
Nick
June 7, 2013 at 11:16 am in reply to: Header Height Control // Fixed Header + Social Icons + additional Navigation #123407Hi,
You can assign the initial height, The smaller height is based on a percent of the initial height.
Please open up /js/avia.js and find line 776 that looks like
el_height = $(elements).filter(':first').height(),
and change it to something like this, but using the height of the header you want (big). Don’t forget the comma at the end,
el_height = 120,
Thanks,
Nick
Hi.
Please show a url to where this problem is taking place so that we can give you the css code because otherwise we would need to guess. Please use http://www.goo.gl to mask the url if you want.
Thanks,
Nick
Hi,
Please examine the block of css in this post https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059
It has almost everything you need to customize the menu , rollovers, etc.. You can try it as is to get idea first. You should add it to your /css/custom.css file OR to Quick CSS located in Enfold > Theme Options Styling .. the text area at bottom of that page
Thanks,
Nick
Hi,
Your images are not of the same size. The initial image of the lady with wine glass is 468×608 (original 515×651) but then when i put my mouse over the next image, it is 468×322 (original size 947×651)
Your images are of completely different size and aspect ratio, so the only way to make them proportional is via cropping or preferably you can prep the images prior to uploading them so this way you ensure you control the crop, or otherwise you will have to trust WordPress’ cropping talents.
You should first install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over images: setting constraints for specific locations like blog, thumbnails, portfolio, gallery, shop, etc. along with the ability to set whether to crop an image or not in Settings > Media.
Changing the dimensions of images does NOT automatically change all the images already uploaded but only affects new uploads. To change the sizes of images already uploaded, you will need to use the Regenerator – also a part of the Simple Image Sizes and found on the bottom of Settings > Media. Don’t forget that images scale down, so always upload images bigger (or the same) as the constraints you set in Settings > Media (with the plugin) or you will get blurry (stretched) or incomplete images.
You should add the code below to your Quick CSS or /css/custom.css file. this will just force all images to be same size as they are (initial image will be smaller so there is no empty space below some images.
#top div .avia-gallery .avia-gallery-big {
width: 468px;
height: 322px !important;
}Thanks,
Nickn
Hi,
Yeh, I also saw that. That is not always there , it appears depending on the length of the word being searched for. Only 30 characters are allowed in this entire line .. and sometimes it gets cut off in middle of character encoded quotes “” as in "
Search results for “Снимок”…
I would cut the size of this ‘Результаты поиска для’ because that has too many letters, so the actual search term never gets printed. Try it like ‘ ‘Результат для” … or even smaller, since these are useless letters, while the keyword is useful
Thanks,
Nick
[edit] this reproduces it
http://kriesi.at/themes/enfold/?s=%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%D0%A1
Hi,
Could be anything.. cache, browser, not sure. But I looked and this is the code that’s hitting and making it not show up, the other block isn’t working.`
#top .title_container {
display: none !important;
}Thanks,
Nick
Hi,
Please open /framework/php/class-form-generator.php and find like 165 that looks like
$this->output .= '<input type="submit" value="'.$this->form_params['submit'].'" class="button" />';
and change it to look like
$this->output .= "<input type="submit" onClick="_gaq.push(['_trackEvent', 'form' , 'submit', 'email subscription', 10]);" value='".$this->form_params['submit']."' class="button" />";
If you are new to Analytics and not sure what you are doing it is best to leave this alone.
But there are useful free tools such as this
http://gaconfig.com/google-analytics-event-tracking/
or form tracking code like this
But such advanced Analytics integration and the installation of these scripts would be outside the scope of the support form i think.
Thanks,
Nick
June 7, 2013 at 2:59 am in reply to: How can I make the featured image smaller in the single post page? #122683Hi,
Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, and with a number of updates already released, -there is no sure way for us to provide you with a reliable answer without first looking at the code on the page this is taking place,.
Your best bet is to mask the link using http://www.goo.gl or show a page on the demo site which displays the behavior. However. a screenshot alone is not very helpful since we need to see the html/css/js code particular to your situation in order to provide a meaningful solution.
Thanks,
Nick
Hi,
Please update your theme at themeforest.net. You are using v.1.3.1 and current version I believe is 1.6 and there were updates to the breadcrumbs. Please upload the update using ftp and please be aware that the update will overwrite all the theme files so make sure to make a backup first.
Thanks,
Nick
Hi,
After the visitor clicks the submit button, you will notice that the form disappears and a thank you page in essence is displayed. You can customize that portion to record an event in analytics. You can also record the event when the button is clicked. You can add something like this to any link or button on your site to track when someone clicks them
<a href="www.link.com" onclick="javascript: pageTracker._trackPageview('/important-event/submit-button-clicked');">click me</a>
Thanks,
Nick
Glad that Peter put you back on track,
Thanks,
Nick
Hi,
You use Safari for Windows? They stopped making Safari for Windows over a year ago. This theme doesn’t support Safari for Windows as far as I know, since neither does Apple. :)
http://appleinsider.com/articles/12/07/25/apple_kills_windows_pc_support_in_safari_60
I myself am unhappy that Apple ended support, but eh, why support a browser that is not even supported by the manufacturer and that accounts for .03% of web visitors?
Thanks,
Nick
June 6, 2013 at 9:04 am in reply to: How can I make the featured image smaller in the single post page? #122681Hi,
Can you show an image on the demo site if you can’t post url to yours where this is happening please?
kriesi.at/themes/enfold/
Thanks,
Nick
Hi,
I am not sure why. Must be a reason for it… or maybe not. In any case you can remove the code that does that and let us know if it improved mobile look of prettyphoto.
Please open up /js/prettyPhoto/css/prettyPhoto.css
and put /* on line 173 and then put */ at the very end of the file so its the last thing in the file.
Now mobile pretty photo will look the same as desktop prettyphoto. But i do vaguely remember that there is some reason for that code and without it everything looks like … not good.
Thanks,
Nick
Hi,
Please make your menu like this, (notice the indents between the parent and the children). If you do it like this, then the breadcrumbs will also show the parent.
http://www.clipular.com/c?7316058=RL_6rG2rUbrUorEMOQEfhQJAjYo&f=.png
Thanks,
Nick
-
AuthorPosts