Thanks Yigit – i was missing the # :)
Thanks Josue
Problem 2: solved. Thank you!
Problem 1: I solved the rest of it with this:
#top input[type="text"] {
border-radius: 2px;
}
Case closed!
Hi Kriesi-Support-Team,
it would be great, if you could help me with the following customization.
I’d like to place a tagline on the right hand side of my logo (My Header Type: “Fixed Header with Social Icons and additional Navigation”; My Logo Dimensions: 113x113px).
Up to now I’ve followed the instructions of the following thread: https://kriesi.at/support/topic/how-can-you-add-a-tagline-or-subheading-to-all-pages-for-the-enfold-theme/#post-203194. Allthough the tagline does appear in the header, great part of it is covered by the logo.
I would be grateful, if you could tell me, how to “push” the tagline to the right.
Thanks in advance for your efforts!
Best,
Rainer
Hi!
1) Normally Enfold will display the WPML flags in the top navigation menu. If you want to add the flags to the main menu add following code to the functions.php file (insert it at the very bottom of the file)
if(!function_exists('avia_append_lang_flags'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 10, 2 );
function avia_append_lang_flags( $items, $args )
{
if ((is_object($args) && $args->theme_location == 'avia'))
{
global $avia_config;
global $sitepress;
$languages = icl_get_languages('skip_missing=0&orderby=custom');
if(is_array($languages))
{
foreach($languages as $lang)
{
$currentlang = (ICL_LANGUAGE_CODE == $lang['language_code']) ? 'avia_current_lang' : '';
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
$items .= "<li class='language_".$lang['language_code']." $currentlang'><a href='".$lang['url']."'>";
$items .= " <span class='language_flag'><img title='".$lang['native_name']."' src='".$lang['country_flag_url']."' /></span>";
$items .= "</a></li>";
}
}
}
return $items;
}
}
2+3) You can try to use a negative margin-top to re-position the flags (i.e. above the main menu links).
4) In the code I posted above replace
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
with
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
if(ICL_LANGUAGE_CODE == 'ar') $lang['country_flag_url'] = 'http://my-custom-flag.png';
and instead of http://my-custom-flag.png insert the url to your flag image.
Best regards,
Peter
Hi
I am trying to use this code:
@media only screen and (max-width: 767px) {.content { padding-bottom: 10;!important; }
.content { padding-top: 10px;!important; }}
to shrink the padding on mobile devices, but I’m not sure it’s working.
any suggestions? thanks
Hi Samlibs!
Try to replace following code in
if( this.isAnimating || this.itemsCount < 2 )
{
return false;
}
with
if( this.isAnimating || this.itemsCount < 2 )
{
return false;
}
if( dir === 'next' && this.current >= this.itemsCount - 1 )
{
this._stopSlideshow();
return false;
}
Regards,
Peter
These fixes work fine on the expanded desktop view – but unfortunately create a 160px distance between the navigation and main content when viewed at compressed (mobile) screen size…. nearly there! Sorry
Hi!
You can try the code I posted here: https://kriesi.at/support/topic/breadcrumb-and-blog-title-formatting/#post-214336 – replace the id “20” with the id of your “Citrus” blog page.
Best regards,
Peter
Hi,
I am looking for a different solution with the WPML Flags on Enfold and I am looking for something like this:
1) No language text needed (i.e. English), just two flags side by side
2) Flags should go ABOVE the last menu item on desktop.
3) On iPhone / responsive, it should show BELOW the drop-down menu
4) Finally, there is a flag that I would like to change the image: sitepress-multilingual-cms/res/flags/ar.png – I know I can easily replace the image directly on that directory, but is there a better Quick CSS way to point that flag to a different image?
I’m not sure if these are all easy, but all help one can give is welcome.
Thank you.
Hi
I would like to remove some space between 2 promotion boxes that i have sitting on top of each other
Thanks
Hi,
Open css/base.css and look for line 195-196:
#top textarea,
#top select {
Replace it by this:
#top textarea {
In the same file, also remove 233-234:
#top select {
width: 220px; }
Regards,
Josue
Hey!
Try adding this code to the Quick CSS:
td {
padding: 4px 6px !important;
}
Cheers!
Josue
Hey Fiorilla!
Add this on Quick CSS:
.main_menu {
display: none;
}
Cheers!
Ismael
This reply has been marked as private.
Hey!
Please add this on Quick CSS:
.avia_mobile #top #searchsubmit, .avia_mobile .ajax_load {
height: 42px;
}
Regards,
Ismael
Hi Fiorilla!
Are you talking about the Special Heading element? You can add this on Quick CSS to decrease the top margin:
.av-special-heading {
margin-top: 10px;
}
Regards,
Ismael
Re: 1. I fixed the “Post Comment” button corners with this:
input#submit {
border-radius: 2px;
}
I fixed the Comment Field with this:
textarea#comment {
border-radius: 2px;
}
Still can’t figure out how to make the top three form fields rounded corners.
Thanks, Jas
-
This reply was modified 12 years, 2 months ago by
Jasmer.
Hi!
Regarding the first request (Menu), try with this CSS:
.main_menu {
top: 16px !important;
}
This will fix the breadcrumb issue:
#main {
padding-top: 160px !important;
}
Cheers!
Josue
Hello!
On my portfolio page it is all right with the grid – there are 4 rows: http://www.zink.by/portfolio/
But on the same single page, at the botton, all is wrong(3 rows, size of previews is not 200×200): http://www.zink.by/?post_type=portfolio&p=2170&preview=true
I added the following Quick CSS code(cos all prew imgs must be 200×200 px always):
#top.page .inner-entry {
width: 200px;
height: 255px;
margin: 0px auto 27px;
text-align:center;
}
#top.archive .inner-entry {
width: 200px;
height: 255px;
margin: 0px auto 27px;
text-align:center;
}
How can I make it to be 4 rows in grid on every page with 200×200 prews?
Thank you!
-
This topic was modified 12 years, 2 months ago by
Vital.
CSS:
.logo, .logo a, .logo img {
height: 120px!important;
}
.fixed_header.social_header #main {
padding-top: 120px;
}
avia JS file Line 918:
el_height = $(elements).filter(‘:first’).height(130),
Hey!
Copy the HTML in a Text Widget:
<ul class="noLightbox social_bookmarks icon_count_5"><li class="social_bookmarks_yelp social_icon_1"><a target="_blank" href="http://www.yelp.com/biz/brixen-ivy-chicago" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello" title="Yelp"></a></li><li class="social_bookmarks_twitter social_icon_2"><a target="_blank" href="https://twitter.com/TheBrixenIvy" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"></a></li><li class="social_bookmarks_facebook social_icon_3"><a target="_blank" href="https://www.facebook.com/BrixenIvy" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"></a></li><li class="social_bookmarks_youtube social_icon_4"><a target="_blank" href="http://www.youtube.com/user/BrixenIvyRooftop" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube"></a></li><li class="social_bookmarks_mail social_icon_5"><a href="contact" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Mail"></a></li></ul>
Regards,
Josue
This reply has been marked as private.
Hey!
Try adding this code to the Quick CSS:
.home .template-page.content.twelve.alpha.units {
padding-top: 0 !important;
}
Cheers!
Josue
Hi again,
The last question for today: I would like to have a header with just the logo, no menu – but even if I deselect the main menu, all of the pages appear in the header… How can I hide the topnav menu?
Thanks so much for your help,
Fiorilla
Hi!
If you mean the type of scrolling that changes how the page scrolls using a mousewheel then no that isn’t available and will never be as far as I know.
Cheers!
Devin
This reply has been marked as private.
I created a slider, which has some text, and in the text I put </br> to format the text. It looks great on a desktop and on a phone, but when I look on my kindle fire, the </br> are no longer there and it is one long string of text. What can i do to fix this?
Thanks
Brenda
If you notice some CSS has caused a random issue with the sidebar Search Submit Button. It doesn’t reach the bottom of the frame.
https://dl.dropboxusercontent.com/u/1049926/search_button.png
I put this in the Quick CSS and it doesn’t work. The code below is active now. I’m probably missing something simple.
#top #searchsubmit {
height: 42px!important;
}
I have two question.
1. I want to remove one image in the main page mobile(1/1 layout)
2. I want to show right contents first & left contents in the mainpage mobile.
I devide 1/4 & 3/4 layout elements in the desktop main page.but I want to show right contents(3/4,tabs) first & left contents(1/4) in the mainpage mobile
site link : http://www.lawbis.com/


-
This topic was modified 12 years, 2 months ago by
wethepublic.
Hey!
Please place this code: https://kriesi.at/support/topic/adding-slideshare-to-header-social-icons/#post-200202 into the child theme functions.php. By going this way you don’t need to modify the parent theme files.
Cheers!
Peter