Forum Replies Created
-
AuthorPosts
-
Hi,
You will need to ask WPML people what version you need, but if you need to make a translation of the entire site , most likely you will need the full version. To be honest I have never used the partial version , so am not sure how it differs. The people at WPML are well familiar with Kriesi’s themes so I think your best bet is to ask them.
Thanks,
Nick
Hi,
You are talking about in the backend or on the website?
If you are talking about on the site, my suggestion is to install a plugin to enhance your search since there are a couple of high end and free search plugins.
Here they are. All current and frequently updated.
You can use this plugin to maximize the search power of your website: SearchWP
Refer to this link in order to integrate the plugin on ajax search: http://kriesi.at/documentation/enfold/use-searchwp-instead-of-the-standard-search/
Thanks,
Nick
Hi,
Only by using css.
Please add this to you /css/custom.css OR to Quick CSS located in Enfold > Layout Styling … the text area at the bottom of that page
.grid-entry .inner-entry {
width: 90%;
}You can change it , 100% is what you currently have.
Thanks,
Nick
Hi,
Try this.
1. Create a custom sidebar called ”after the title”
2. Install http://wordpress.org/plugins/enhanced-text-widget/ Enhanced Text Widget plugin
3. Add enhanced text widget to ”after the title” sidebar
4. Add the following to the enhanced text widget inside the ”after the title” sidebar
<?php
echo avia_title();
?>5. Make sure the enhanced text widget doesn’t add title , css classes or anything before/after (there is a check box on it above and below the text area where you paste the code in step 4
6. Inside your page with advanced layout builder. Add the slideshow element, and below slideshow element add a 1/1 column element, and inside the column element add a sidebar element using ”after the title” sidebar.
Thanks,
Nick
June 25, 2013 at 10:39 am in reply to: Avia Layout Builder elements in posts, comments are missing #126200Hi,
My final version. This one takes care of all problems. https://gist.github.com/meishern/bfbf909055e7b967dd5b
Things to keep in mind:
* The functionality : big / small /multi-author blog will not work with the above modification with advanced template posts. Since you can add whatever image/slider you want to the individual post of any size using the advanced template builder elements, I didn’t waste time on it. If you add a featured image to the post, it will be visible on the main blog page but then you can replace it with a different image for the individual post, or have no image at all or have a slider.
Thanks,
Nick
Hi,
For the lower button and for any future buttons you may encounter, what you do is you take the <input tag that contains type=”submit” , that is standard html syntax for a button. and inside you find the class=”some code” , in your case for button on bottom which is also inside a widget, your code is
<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit">
and then you add the following at the end of the class=”wpcf7-form-control wpcf7-submit” , inside the last quote, without touching what was already inside
avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center avia-button-wrap avia-button-center avia-builder-el-6 avia-builder-el-no-sibling
so that your end result for this particular case will be
<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center avia-button-wrap avia-button-center avia-builder-el-6 avia-builder-el-no-sibling">
And this is what you will use to replace the button inside the widget
Thanks,
Nick
Hi,
You don’t have to use all of these css blocks but pick the ones you want. They will override the color you set for the promo box button
/*-- Color of the Button Text - normal --*/
.avia-button .avia_iconbox_title {
color: blue;
text-shadow: 0 1px 0 #000;
}
/*-- Background color button - normal --*/
.av_promobox .avia-button {
background-color: red;
}
/*-- Background color button - mouse over --*/
.av_promobox .avia-button:hover {
background-color: blue;
}Thanks,
Nick
Hi,
Ok I got you. Here is the css code, please add it to /css/custom.css OR to quick css located in Enfold > Layout Styling.
.flex_column {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid #6640FF;
background: rgba(255, 255, 255, 0);
-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}It has a shadow. If you dont want the shadow, you can take out the 3 lines in the middle of what i gave you above that contain the word ‘shadow’ in them. The curve will not be seen in older browsers (ie8 i think and below and 25% of visitors have that browser). To make curves visible to ie8, you need to use 4 transparent images of curves,
Here is another way to do this that creates a cool looking panel with a 3d effect and curved corners. take the previous one out and add this
http://www.clipular.com/c?8148149=gdtT_1yP35oTh4-qyi2Hxq7S33M&f=.png
.flex_column {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: rgba(0,0,0,0.0);
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border: 2px solid #6640FF;
/*border-radius: 1% 1% 1% 1% / 1% 1% 1% 1%;*/
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.flex_column:before {
position: absolute;
width: 80%;
height: 40%;
left: 10%;
border-radius: 50%;
z-index: -1;
top: 0%;
content: "";
box-shadow: 0 -7px 16px rgba(0,0,0,0.4);
}
.flex_column:after {
position: absolute;
width: 80%;
height: 40%;
left: 10%;
border-radius: 50%;
z-index: -1;
bottom: 0%;
content: "";
box-shadow: 0 7px 16px rgba(0,0,0,0.4);
}Thanks,
Nick
Hi,
Sorry about that. That slider in your image, how are you adding it, as an advanced layout element? if so, what you are asking for is a feature that already is on Kriesi’s feature request list that he is going through which likely requires a new layout element. Your site will look inconsistent otherwise since part of your site will have the current location of title and breadcrumbs (since not every archive , post has an option to add the slider. Please hold , I will ask what the situation is.
Thanks,
Nick
Hi,
I use Dreamweaver still. Only because I used it since it came out in late 90s and been using it since then even though i use it as a notepad, ignoring all those buttons and gadgets. You got a mac, so you can use Coda2 which isn’t made for windows, a good IDE.It’s all a waste when working with WordPress though, or at least I never could get comfortable with any of it.
All animations you see today are jQuery and CSS powered, with css taking over more and more. As soon as ie8 and ie9 browsers die, can hopefully do it all in next generation css. like less or sass which fuse css with a scripting language so can use logic.
The easiest way to animate anything is by using a css selector and then an identical selector but this time with :hover at the end. You can put one image for hover, and another image for normal view, and as soon as a mouse hovers above the image or letter, or any html tag, can get css to do something.
Those glyph icons can be animated any way you want with css which you are starting to understand. The problem is that you cant dynamically switch classes or id’s in the html code on a live site using css alone. or changing a link destination with css alone. So graphics people are today forced into learning javascript, which despite the name is a serious language when compared to php. So there you have it.
Thanks,
Nick
Hi,
I never used that plugin before. I see you have strange errors coming out of something and I think I can sense the malignant evil radiating from the jetpack plugin, Please disable it since in my experience the only thing that plugin is consistent in is breaking every other plugin. See if the form returned, which I have a feeling it will once those errors are squared away. http://i.imgur.com/SUXkwzq.png
Thanks,
Nick
June 24, 2013 at 8:23 am in reply to: Avia Layout Builder elements in posts, comments are missing #126195Hi,
Ok I updated it
It’s definitely not going to be an exact duplicate of how the posts looked without the builder attached to posts. I don’t think that even matters , since visitors don’t know how your site may have looked, so there is no nostalgia. Please let us know how its doing.
Thanks,
Nick
June 24, 2013 at 5:59 am in reply to: Avia Layout Builder elements in posts, comments are missing #126194Hi,
Excellent. Now we can get it all fixed up. Meanwhile you can look on that post , as I changed my answer based on your feedback.
The code from gist you are using must be missing some closing divs since based on the layout shift, there are too many open div’s with no matching closing div’s since if its the other way around, usually the contact form starts moving to the right, while yours is moving to the left.
Doing a quick count on your page, there are 116 opening divs and 115 closing divs . Now its just a matter of comparing your structure to my local one to figure out where the extra div came from and why. Hang on.
Nicik
June 24, 2013 at 4:57 am in reply to: Avia Layout Builder elements in posts, comments are missing #126192Hi,
You say that nobody has answered you regarding the addition of comments to portfolio items. I dispute that statement.
My answer on the post you mentioned has been up for over a week ( https://kriesi.at/support/topic/comments-dont-show-up-on-portfolio-pages#post-117921 ) . I even searched the support forum for this issue, and found one or two related questions from the past to which I added my answer.
Since you didn’t answer , I assumed that it worked and all is well. I tested that answer 1 week ago, and it worked and I tested it today and it still works.
http://www.clipular.com/c?8141160=iY_xLmDbL-ACnNW_FY56IdiJd_k&f=.png
I am going to test the code I put on gist again since for me it allowed posts to have the advanced builder without losing the meta data and comment form. I will test it again now, but as I explained, I didn’t have the opportunity to test it with every blog customization. Are you sure you installed it? By messes up your layout can you provide a url so that I can see the problem and fix it.
Thanks,
Nick
Hi,
This is another option
$blog_content = (how_many_posts() > 1 ) ? "excerpt_read_more" : "content";
Thanks,
Nick
Hi,
In its place try using this , though i think a better way would be to pull that login into the loop
$blog_content = (how_many_posts() > 1 ) ? "excerpt_read_more" : "content";
It works. Lets us know how it behaves. My laptop overheated so I can’t tell .
Thanks,
Nick
Hi,
If you are interested I wrote yesterday some deep stuff about css media queries and the cascade .. counterfeiting and the cascade. https://kriesi.at/support/topic/responsive-problem#post-120098
—
You can have, and if gallery has a unique id assigned to it as some advanced elements do, then its a piece of cake, if it doesn’t than it takes a bit more trickery to target them. Basically you will need to look at each one in relation to the html tags in front of each of them, and see if there is any differentiation you grasp and use. You can always go into the code and manually add an extra css tag via php. However if in some situations its almost impossible to do, there are really complex css selector targeting like .. target 3rd paragraph after 2nd div that comes after an image class for which you have a class name. stuff like…ul li:nth-child(3) { }
You can examine some low level advances targeting here http://devsnippets.com/article/5-advanced-css-pseudo-class.html
The page is called like that because you took too long to give it a title, so since wordpress auto-saves revisions, it saved itself under that name so when you added a title the slug itself remained the page ID. To change it , you need to change the slug since there is no law that your page slugs must match page titles. To turn on slugs, http://www.clipular.com/c?8102009=detVhaytfA8MCcl1vMBSHRGYFek&f=.png just open the top panel in pages and posts and portfolio items and click the slug check box. Just remember rules of slugs: no spaces, only small letters, and can use minus sign – and underscore _ (minus sign is standard in place of spaces). And slug should not be more than 60 characters long. 0-9 a-z _ + only.
—-
Damnn. I think u can win best enfold site , i know best one i seen, and I look at em all day and twice on Sunday (thats today). I should have copied your css from your previous attempts, what a waste.
—-
any reason you got a white vertical line separating the sidebar i guess on the page you linked from last post?
—
I don’t think the calendar works. Somethings wrong with it.
—
I just looked and you are in luck. avia-gallery-1 and avia-gallery-2 are in play. Here is css for avia gallery 1 already changed and an identical set would be needed for gallery to so just change 1 to 2 in each selector. You may have some selectors from avia-gallery though that you wont be able to kill since their specificity may be higher, so those will require aditional css, though try this.
#top div .avia-gallery-1 {
overflow: hidden;
padding-bottom: 2px;
clear: both;
}
#top .avia-gallery-1 .avia-gallery-thumb a {
float: left;
width: 20%;
opacity: 1;
display: block;
}
.main_color .avia-gallery-1 img {
background-color: #24444E;
color: #E6D9CF;
}
#top div .avia-gallery-1 img {
float: left;
border-style: solid;
border-width: 1px;
padding: 7px;
width: 100%;
border-radius: 0;
}
#top .avia-gallery-1 .avia-gallery-thumb a:hover {
opacity: 0.5;
}
.avia_transform .avia-gallery-1 img.avia_start_animation {
-webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
}
.alternate_color .avia-gallery-1 img{
background-color: #305F72;
color: #E6D9CF;
}don’t forget, make 2nd copy with -2 instead of -1 if you want the 2 gallerys different.
—
i thought before u wrote u are in late 60s , u 3 years older than me and not 70.
Nick
Hi,
Please edit the text widget that contains that form and change the line that says
<input type="submit" value="Login" name="LOGIN" onclick="submitForm(this); return true;">
to look like this
<input class="avia-button avia-icon_select-no avia-color-theme-color avia-size-large avia-position-center avia-button-wrap avia-button-center avia-builder-el-6 avia-builder-el-no-sibling" type="submit" value="Login" name="LOGIN" onclick="submitForm(this); return true;">
Now add the css below to your /css/custom.css OR to quick css located in Enfold > Styling Layout to the text box at the bottom of the page
.main_color .button:hover, .main_color .ajax_controlls a:hover, .main_color #submit:hover, .main_color .big_button:hover, .main_color .contentSlideControlls a:hover, .main_color #submit:hover, .main_color input[type='submit']:hover {
background-color: #073E8A;
border-color: #073E8A;
}Thanks,
Nick
Hi,
Ahh.. but there was a solution. https://kriesi.at/support/topic/problem-with-table-layout-in-mobile-devices#post-115677 Then near end of my response in that thread, though a bit hard to find. Just need line numbers updated. Please open up /css/shortcodes.css and take out lines 1059-1064 and 959-977.
Please let us know how it looks now on mobile devices.
Thanks,
Nick
Hi,
Here are the font color, background color, and border color for the left icon box. You can take out the things you dont care about, and ofcourse change the colors.
/*---background color, font color, border color of the icon---*/
.iconbox_left .avia-font-entypo-fontello {
background-color: #00F;
color: #FFC0CB;
border-color: #FFF;
border-style: solid;
border-width: 1px;
}
/*background color, font color, border color of the icon box*/
.iconbox_left .iconbox_content {
background-color: #3F0;
color: #000;
border-color: #383731;
border-style: solid;
border-width: 1px;
}
/*title font color in icon box*/
.iconbox_left .iconbox_content_title {
color: #FFF;
}2. Please provide a url to your website in order to remove that space. An image will not help. Need to see code. If it exists on the demo please provide url kriesi.at/themes/enfold the page url where this takes palce.
3. Please watch video https://vimeo.com/64927356 on how to update. If you customized your templates, you should use http://www.winmerge.org to compare the update to your current modified theme on a line by line basis to see the differences and update the parts you want. then use ftp .
Thanks,
Nick
Hi,
You normally use #top first (unless you want to target using classes found in the html tag) , then you add any class found in <body> specific to the page to target it then you just add the rest.
#top.page-id-1739 div .avia-gallery img{ float: left; border-style: solid; border-width: 0 !important;
padding: 2px; width: 100%; border-radius: 0;}if the above dont work, take out the div
Thanks,
Nick
Hi,
please open up functions-enfold.php in the main folder of the theme and go to line 251 that looks like
'html' => "<div class='{class} title_container'><div class='container'><{heading} class='main-title'>{title}</{heading}>{additions}</div></div>",
This is the line that creates that whole segment, and as you can see the {title} is the title, and {additions} are the bread crumbs.
You can just delete {title} from there.
If you want that grey band that used to contain title be completely gone you can just change the first part of this above to the code below instead of replacing just {title}
'html' => " ";
And in page.php you can add the following to line 16 of page.php
<?php echo "<div class='title_container'><h1>".get_the_title(get_the_ID())."</h1></div>"; ?>
You will need to add that same code on the above line to the following files, it all goes to the same location pretty much , just look for a div with a class=”container” and paste it under it.
http://i.imgur.com/JRKHOQi.png <— all these files are in the main theme folder.
404.php
line 17archive.php
line 25forum.php
line 31index.php
line 32page.php
line 16search.php
line 17single-portfolio.php
line 16single.php
line 28taxonomy-portfolio-entries.php
line 16template-archives.php
line 22template-builder.php
line 33config-woocommerce/config.php
line 528Thanks,
Nick
Hear hear! I’ll drink to that.
A real test is asking for a photo of a developer’s work area.
Hi,
If you on windows, download and install the free http://www.winmerge.org tool. Then you can compare any two folders on a character by character basis side by side. So I just download the update to my desktop, then download the live site (or rather I have a copy of it). And then I compare the two folders. Its easy to see what was changed and to move the changes you want while ignoring the rest. Easy to use and it is Free.
Nick
Hi,
There is just one testing environment available – The Hackintosh – which will boot up on Windows and correctly emulate iOs. Besides that. there is nothing but deceitful website. Hackintosh is a virtual environment , so installing and using it, the first time take a bit of time and there is a learning curve. Though after you installed it on a flash drive, the initial time investment will be worth it. http://www.hackintosh.com/
Thanks,
Nick
Hi,
Your menu is too big. I am on a laptop 1360×768, and i can only see the top 2 menu items – API & Authentication – on your bottom most menu on the right. What’s worse is that because your menu immediately scrolls down as i scroll down , I never have an opportunity to click all the links below the first two
===
Create an array of id’s that you put in the order you want and use the array instead. Here is
global $post_ids;
$post_ids = array(56, 4, 66, 34, 56, 6);
$args = array(
'post__in' => $post_ids // should be an array
'numberposts' => 6
);
add_filter('posts_orderby', 'you_best_be_keepin_order'); // add the filter function to order posts in our given order
$posts = get_posts($args);
remove_filter('posts_orderby', 'you_best_be_keepin_order'); // remove the filter as we get our posts
// filter function
function you_best_be_keepin_order() {
global $post_ids, $wpdb;
$post_ids = implode(',', $post_ids); // we made the post ids a string where post ids are separated by comma
return "FIND_IN_SET(".$wpdb->posts.".ID, '".$post_ids."') ASC"; // FIND_IN_SET is used to get posts in proper order
}Thanks,
Nick
Hi,
It’s never an ‘exact copy’ since each server has its own quirks. Check wordpress memory allocation on the server. Reinstall wordpress and the theme and wipe out the database. Sometimes a bad install can cause thing like this as well as low wordpress memory (96-128megs should be good).
Thanks,
Nick
Hi Andy,
No sarcasm. Just thought that solution too simple to be the right one and was sure i misread your post. So not to seem a fool, i wanted to show my logic that it answered your question. lol.
Site lookin good!
Nick
Hi,
Please check the Screen Options on top of Add New Page, that the Avia Layout Builder check box is checked ( see image http://www.clipular.com/c?7803713=XY6hHvNqhmEFb8GGM8qxpRriUME&f=.png )
Please increase your wordpress memory to 96megs or 128megs . This issue almost always is caused by low wordpress memory allocation by your host.
Thanks,
Nick
Hi,
That page is 404. I guess you fixed it since i see them here http://www.bullmarketfrogs.com/2013/06/trash-to-cash-feather-meal-and-pet-food-ingredients/
Thanks,
Nick
-
AuthorPosts