Hi,
I installed WPML on top of my Enfold theme and want a country code selector next to my headermenu. Only de country code NL/EN en not the text Dutch/English. I put the following code in functions.php
add_action('after_setup_theme','avia_remove_main_menu_flags');
function avia_remove_main_menu_flags(){
remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}
add_action('init', 'avf_add_flags');
function avf_add_flags() {
add_action( 'ava_inside_main_menu', 'avia_wpml_language_switch', 10);
}
and added the following code to my custom.css
/* WPML Flags Country Code */
li.menu-item.menu-item-language.menu-item-language-current.dropdown_ul_available, #header_meta ul.avia_wpml_language_switch.avia_wpml_language_switch_extra,.language_flag img {display: none !important;}
.header_color li.language_en.avia_current_lang span.language_code {text-decoration: underline; color: #808080 !important;}
.header_color li span.language_code {color: #808080 !important; display: block !important; text-transform: uppercase; font-size: 13px; font-weight: 600; font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
#top ul.avia_wpml_language_switch li {margin: 0; padding: 0 5px; border: none; border-left: 1px solid #808080; height: 14px;}
#top ul.avia_wpml_language_switch li:first-child {border-left: none;}
#top ul.avia_wpml_language_switch li a {position: relative; top: -12px;}
#top ul.avia_wpml_language_switch.avia_wpml_language_switch_extra {position: absolute; top: 38px;}
#top .header-scrolled ul.avia_wpml_language_switch.avia_wpml_language_switch_extra {position: absolute; top: 15px;}
.avia-menu.av-main-nav-wrap {margin-right: 80px;}
It works but now i get both the language selector from WPML and the countrycode selector.

See private section for the URL to my site.
What is wrong?
THX Freek
-
This topic was modified 9 years, 7 months ago by
Freek.
Hi,
The accordion slider in the page looks good. What do you mean by “put the overlay on 0.1”? If you want to change the opacity of the background, use this:
#top .aviaccordion-preview-title-wrap {
background: #000;
background: rgba(0,0,0,0.1);
}
Best regards,
Ismael
Hi,
Add this css code to adjust the title alignment of the “next button”:
.avia-post-next.with-image {
text-align: left;
}
Add this in the functions.php file to display the time:
function avia_post_nav($same_category = false, $taxonomy = 'category')
{
global $wp_version;
$settings = array();
$settings['same_category'] = $same_category;
$settings['excluded_terms'] = '';
$settings['wpversion'] = $wp_version;
//dont display if a fullscreen slider is available since they overlap
if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) ||
class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;
$settings['type'] = get_post_type();
$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;
if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;
$settings = apply_filters('avia_post_nav_settings', $settings);
if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;
if(version_compare($settings['wpversion'], '3.8', '>=' ))
{
$entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
$entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
}
else
{
$entries['prev'] = get_previous_post($settings['same_category']);
$entries['next'] = get_next_post($settings['same_category']);
}
$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
$output = "";
foreach ($entries as $key => $entry)
{
if(empty($entry)) continue;
$the_title = isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
$link = isset($entry->av_custom_link) ? $entry->av_custom_link : get_permalink($entry->ID);
$image = isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');
$time = "<time class='date-container minor-meta updated' >".get_the_time(get_option('date_format'), $entry->ID)."</time>";
$tc1 = $tc2 = "";
$class = $image ? "with-image" : "without-image";
$output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
$output .= " <span class='label iconfont' ".av_icon_string($key)."></span>";
$output .= " <span class='entry-info-wrap'>";
$output .= " <span class='entry-info'>";
$tc1 = " <span class='entry-title'>{$the_title}</span>$time";
if($image) $tc2 = " <span class='entry-image'>{$image}</span>";
$output .= $key == 'prev' ? $tc1.$tc2 : $tc2.$tc1;
$output .= " </span>";
$output .= " </span>";
$output .= "</a>";
}
return $output;
}
Adjust the position of the date container in the Quick CSS field.
Best regards,
Ismael
Hi,
Please add this in the Quick CSS field to fix the padding issue:
#instagram .av-instagram-row .av-instagram-item {
top: -1px;
position: relative;
}
And use this to adjust the width on mobile:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #instagram .container {
width: 100%;
max-width: 100%;
}
}
Best regards,
Ismael
hi there – been having an ongoing problem with a client’s installation of Enfold. they bulk-upload hundreds of images – typically 30-50 at a time – for a weekly auction.
to date, it’s been fine until a few weeks ago. we are all up to date on everything: WP, plugins, and Enfold. but the only way i can get their image upload to work for the last 2 weeks is this:
and it STOPS WORKING after a week (despite no updates to the theme). i have to completely delete the theme, reinstall fresh, then reinstall that code.
what’s going on with this? site is hosted at HostGator, has been problem free until a couple weeks ago.
http://www.shopcakemonkey.com/wedding-events/?preview_id=5566&preview_nonce=768d1f605e&preview=true
Is there a way to make the caption of an image go to the right / top of the image? Like a column but I thought it would be easier for my client to make sure the caption goes with the image.
Ahoy,
I’m trying to figure out away to reduce the space between the image and special heading in this section of my website.
I would like the image the sits atop the special heading to not have that white space.
I would like to know why a problem found on last release is yet to be fixed a month and half later. this problem is stopping me in my project
I am trying to create a top menu bar that is completely fixed. One bar with the logo, top menu, social icons and mobile menu icon.
I have them all on the same line with CSS but, the logo and menu icon are ‘fading out’ when I scroll down? Is there a way to stop the fade out?
Also I just noticed the links for the Mobile Menu and logo are linking below the actual images? Any ideas.
Thanks,
Lane
Hey John,
To change the height of the Title Bar please change the value of min-height and padding in the below code to suit your design and try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .title_container .container {
padding-top: 10px!important;
padding-bottom: 10px!important;
min-height: 95px!important;
}
Best regards,
Vinay
Sorry if my post was unclear. All I want to do is to add the same styling ( a turquoise full width bar that’s 25 pixels wide) to the top of my individual blog posts as I have added to each other page on my website. Screenshot attached. On all pages, I’ve added this design element using a color section. Can you tell me how to add this element to individual blog posts?
Hey sambo258,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top form.cart .button {
text-transform: uppercase;
}
Best regards,
Vinay
Have followed a previous post from here but with no luck. Currently using fullscreen slider for videos. Would just like to add a mousewheel option on scroll to next slider. If anyone could point us in the right direction that would really decrease some head scratching.
Hi,
I’d love to try that out, standard I see only the hide option in the editor but that won’t do I guess I need something to tell a section to show or hide on desktop / tablet or to show / hide on mobile as a workaround.
gr,
Roderick
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-transform: none;
}
Regards,
Yigit
Hi
Sure – the site I am working on is: http://176.32.230.22/staff-finda.com/about-us/
All the inner pages at the top in the orange banner have the content slider. I want the text to be in lower case and not all in upper case.
Thanks
Dee
Google is your friend … ;-)
I’ve found the solution:
.page-id-672 .ls-wp-fullwidth-helper {
margin-top: -50px;
}
Can be marked as solved !
Thanks
Tom
Hi,
I am trying to add a fontello icon to my social icons, I put the code in functions.php file of your child theme and now the icon is added. but the animation of hover is not working. (same as the preset logos like facebook and …). How can I add those animations?
You can see the telegram social at the top beside SoundCloud logo.
Thanks,
Hamid
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_sidebar #top #header {
width: 150px;
}
.html_header_left #main {
margin-left: 150px;
}
Best regards,
Yigit
Hey ideenstart,
try this code:
.ls-wp-fullwidth-helper {
margin-top: -50px;
}
and adjust as needed.
Best regards,
Andy
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_left .av-main-nav li#menu-item-653 ul {
top: -210px;
}
Best regards,
Yigit
Hey!
Your color section does not have an ID at the moment. Please refer to this post and add your ID (the one you used on your custom CSS code ) – https://kriesi.at/support/topic/imageicone-between-text/#post-622379
Best regards,
Yigit
Hi,
so call me stupid, i activated now the custom class put the code in the custom.css (because i had the rest of the changes also there) and i would like to have these changes in desktop-sizes only.
therefore i have to have the vertical align: bottom otherwise it changes the image postition with the page size.
long story short, it doesnt work, and i dont know why…
Hi,
try this code:
.responsive #top #wrap_all .slide-entry {
width: 100%;
}
Best regards,
Andy
Hi,
2.) You’d need to search such a plugin by yourself. Maybe here is something for you: kriesi.at/support/topic/recommended-plugins/
2+3.) Refer to: https://kriesi.at/support/topic/how-to-edit-search-result-page/#post-223906
Best regards,
Andy
Hi
Maybe i miss explained, What i meant http://fantasyrooms.com/08testwiith cascade is the result i see in my screen., I put 2 images with caption and they are not aligned at to top. The second images appears next to the 1st but moved down.
Thank you
Dear reader,
I did try a couple of things, but I didn’t work yet.
At the top of my front page I want to set some kind of navigation, or you can see it as menu buttons.
I have multiple sections on my front page and want to give the visitor the oppertunity to go directly to the desired section.
Do you have any suggestion to set up navigation like that.
Kind regards,
Michael
Hi,
then play with this code:
#colorsection {
position: relative;
top: -79px;
}
and adjust as needed.
Not sure though what exactly you mean with your last post. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
Andy