You can close this topic, thank you again! :)
You can close this topic. Thank you again! :)
Hello,
I’m trying to apply custom styles to a post slider. The slider I would like to target is on our homepage, in the Facility Rentals section 2/3 down the page. I’ve entered a class called rca-rental-slider in the custom css field of the slider, and would now like to make the following changes:
.entry-content-header { min-height: 60px; }
.blog-categories minor-meta { display: none; }
.avia-content-slider .slide-entry-title { color: #fff; padding-top: 10px; }
Would you mind guiding me in how to add .rca-rental-slider to the above styles, to target this slider only? I’ve had no luck.
Thanks so much
Hey yes9310!
Please take a look here, on how to load the custom font:
https://kriesi.at/support/topic/new-custom-font/
change the color of the calendar links with the following
table.em-calendar td.eventful a {
color: #fff !important;
}
Cheers!
Basilis
I have the same problem. All transitions have stopped working for me though.
Any reports of Layer Slider transitions (from slide 1 to slide 2, etc.) stopping from working automatically on web pages?
On this site listed below in the Private field, I have a top header bar with a secondary menu on the left side. The main menu is displaying as responsive, but the secondary menu doesn’t appear at all. Also in that top bar is a phone number, and that is appearing on mobile devices, just not the menu. I need that menu to appear and be responsive too. Can you please tell me how to make that happen. If custom work is necessary, please advise the details on how that works. Bottom line, I need that menu to appear on mobile devices as well as the main menu.
thank you in advance.
I’ve tried multiple layout options with columns as well as various Quick CSS (and my own variations) to try to get the icon list centred within a page.
I’ve had varying success as it doesn’t appear to ‘behave’ (being centred) in the same way as other columns on the same page are. I can get it centred on a computer’s browser but text was truncated on smaller screens. Using some CSS from another related topic I was able to reduce font size for smaller screens and avoid the truncation of text but I’m left with the entire Icon List being left-aligned on some mobile devices, particularly iPhone 6 landscape.
I would like to have the Icon List centred within a page on all devices (without text being chopped/truncated).
Current attempt to rectify this issue has led me to use an odd layout, different to the rest of the page elements: https://dl.dropboxusercontent.com/u/51435787/radio-layout.png
… as well as the following Quick CSS:
/* Repair truncated text in SC and FB icon links */
@media only screen and (max-width: 660px) {
.avia-icon-list .iconlist_title { font-size: 16px !important; }
}
.iconbox .entry-content-header {
text-align: center;
}
.iconbox .entry-content-header * {
float: none;
display: inline;
}
Could someone assist in resolving this, please? Many thanks for any info.
if you like to have icons from fontello font (third list with custom class “otherlistpoint”) :
.otherlistpoint li:before {
color: #090;
content: "\e871";
font-family: entypo-fontello;
font-size: 25px;
margin-left: -12px;
padding-right: 5px;
position: relative;
top: 5px;
}
the icon shortcode you can see : https://kriesi.at/support/topic/entypo-fontello-icons-unicode-ue-number/
but on css rules you have to get rid of the “u” so see example from
\ue871 will go to : \e871
-
This reply was modified 10 years, 2 months ago by
Guenni007.
Hi!
We are working on your ticket please wait while we update the results here soon.
The current html structure does not make it easy to place the button on left and make it’s position relative to the bottom in all screens. But if you like it on the right side it will work in all screens without any issue.
We have added the below code in Enfold > General Styling > Quick CSS
.avia-caption-content {
top: 95%!important;
left: 0%!important;
}
Cheers!
Vinay Kashyap
-
This reply was modified 10 years, 2 months ago by
Vinay.
look here: http://webers-testseite.de/enf02/2016/02/16/bullits/
what is the difference (these are two text elements with unorderd list inside.
the last alb element i gave a class : “noliststyletype”
The thing is that list style type belongs to the text (and text color)
so i set the list style type to none ! and ad via before a new content ( a list point)
This is now a new element and can be selected
.noliststyletype li:before {
color: #900;
content: "•";
font-size: 25px;
margin-left: -12px;
padding-right: 5px;
position: relative;
top: 5px;
}
.noliststyletype li {
list-style-type: none;
}
-
This reply was modified 10 years, 2 months ago by
Guenni007.
i do not remember making any extra changes…
i used the quick css you’ve provided and works like a charm on desktop version, cha-ching!! :)
The only thing that remains is;
the responsive states (second logo is not shown on smaller screens. And on the mobile version, there are 2 same logos (the black one))
Thanks again guys
-
This reply was modified 10 years, 2 months ago by
caisson.
Hey!
Would you like to make header fixed but not display logo when scrolled down? If so, please add following code to Functions.php file in Appearance > Editor
function avia_custom_logo_app(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.logo img').addClass('logoop');
if(jQuery(this).scrollTop() < 100) jQuery('.logo img').removeClass('logoop');
});
</script>
<?php
}
add_action('wp_footer', 'avia_custom_logo_app');
then add following code to Quick CSS
.logoop { opacity: 0 !important; }
and then choose to display sticky header in Enfold theme options > Header > Header Behavior. If that is not what you meant, please elaborate
Best regards,
Yigit
Hey moviestar007!
Please change your code to following one
@media only screen and (min-width: 1140px) {
#header_meta {
display:none;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main {
padding-top: 117px;
}
}
Best regards,
Yigit
Hi,
I would like to disable the top bar with secondary-menu and telephone-info on desktop size.
I already tried:
@media only screen and (min-width: 1140px) {
#header_meta {
display:none;
}
}
but this leaves an extra space below the header. Also the logo area partially disappears at the top when scrolling.
Any idea how to fix this?
Thanks in advance!
Andreas
Hey, How’s it going?
I’m trying to figure out a way to make these buttons look decent on mobile (or smaller screens)
This is how it looks like on desktop:

Anything under 597px looks like this:

http://rzjob.ch/wordpress/?job_listing=liechtenstein-detailhandelfachmann
Hope you can help.
Cheers,
Aathi
-
This topic was modified 10 years, 2 months ago by
thatkidaathi.
Thanks for the links Yigit. Looking forward for the update. pls check my other thread here:
Hello,
Tought it would be better to start my own topic. Tried to hitch along with: https://kriesi.at/support/topic/cant-add-social-icons-to-widget-in-footer/
But didn’t work
The basis: I would like to add 4 round social media icons in the footer.
1: Mail, 2: Twitter, 3: Facebook & 4: LinkedIn
Placed in the footer widget (column 3 footer):
<ul class=”noLightbox social_bookmarks icon_count_4″>
<li class=”social_bookmarks_mail av-social-link-mail social_icon_1″>
<span class=”avia_hidden_link_text”>mail</span>
<li class=”social_bookmarks_twitter av-social-link-twitter social_icon_2″>
<span class=”avia_hidden_link_text”>Twitter</span>
<li class=”social_bookmarks_facebook av-social-link-facebook social_icon_3″>
<span class=”avia_hidden_link_text”>Facebook</span>
<li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_4″>
<span class=”avia_hidden_link_text”>linkedin</span>
Placed in style.css (Enfold child theme):
#footer .social_bookmarks li {clear: none!important;}
.social_bookmarks li {border-radius: 100px;}
This output gives me 4 square icons:
1) Facebook icon (with mail text on mouse over) – Should be mail icon
2) Twitter icon (correct)
3) Facebook icon (correct)
4) Skype icon (with LinkedIn text on mouse over) – Should be LinkedIn icon
(see http://nl.tinypic.com/r/2zs3dvq/9)
Can you please help me?
Searched the forums but can’t find any real reliable documentation. Is there any?
Placed the login info in private section.
With kind regards,
Ivo Peters
So I found the settings for the small top bar – DOH! Sorry!
Yes, I forgot to mention that it appears with latest Safari in latest iOS (both mobile and desktop)
Yigit,
I have provided a username and password in my first post so you can see my site. Now I have changed that account to an admin account.
I just want to create a banner of 468×60 pixels in between the top menu and the main menu with a margin of about 20px top bottom.
Can you provide me some sample css I can work with? Somehow I can’t get the main menu down :S
I hope you can help me out.
URL: http://www.sumason.co.uk
Hi there,
I need a caption in Easy Slider BELOW the images, not as overlay.
I found Vinnies’s answer (see copied code below), inserted it into quick css – but nothing changes.
I also would need the font size only 11px and all in lower case & italic.
Please could you help? Thanks
/*Caption below image gallery*/
.avia-slideshow-inner, .avia-slideshow{overflow: visible!important;}
.avia-caption {
bottom: auto!important;
top:100%!important;
left:0!important;
padding:0!important
}
Hi, LayerSlider in Enfold 3.4.7 is buggy. I made a nice LayerSlider and it looks good. However if I now go to the admin panel of LayerSlider, the text CSS is broken, it doesn’t appear correct and the preview doesn’t work.
I already removed the space before the “/ codemirror/” (as mentioned here: https://kriesi.at/support/topic/layerslider-not-working-5). After doing this I recreated the broken slider and it worked. But after a while also this slider broke in the admin panel. On the website it still looks how it should be, but in the admin not. If I would save the slider in the admin now, I would break the appearance on the site as well (tested this on another slider).
It is quite clear that the version of LayerSlider in Enfold 3.4.7 is buggy. Several people are having the same problems. When is version 3.4.8 coming out with a working version of LayerSlider?
Please fix my LayerSlider. Login below. Thanks! :-)
-
This topic was modified 10 years, 2 months ago by
e-cat.
Hi There,
we need post category in the masonry blog. And we’ve found the following solution: https://kriesi.at/support/topic/post-category-in-the-mesonary-blog/
The unsolved problem there: its showing the Category Slug insted the Category Name.
Do you have a solution?
Thanks
Thanks Rikard. You can close this topic.
Hey Gerban!
Your website does not load correctly on my end at the moment. You can simply adjust the code you posted here – https://kriesi.at/support/topic/banner-position-above-right-menu/#post-580649 or you can use custom CSS to change the position. Can you please post a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Regards,
Yigit
Hey Guys, very disappointed, I’m not paying support for get this templated answer. I think that is not complex question and answer. I have been forced in do a deep investigation in your code, this is my answer to my question:
First of all you need to know that i’m using a child theme because I want to update enfold in a future. I think (but not tested) that this code works in normal enfold functions.php but i wrote this code in child theme functions.php :
add_action( 'init', function () {
//we need new portfolio class extending actual portfolio class
class ebavs_portfolio extends avia_sc_portfolio {
//this method is called when shortcode needs to render, we need override and then copy and paste original content
public function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
{
$atts['class'] = !empty($meta['custom_class']) ? $meta['custom_class'] : "";
if(current_theme_supports('avia_template_builder_custom_post_type_grid'))
{
if(isset($atts['link']))
{
$atts['link'] = explode(',', $atts['link'], 2 );
$atts['taxonomy'] = $atts['link'][0];
if(isset($atts['link'][1]))
{
$atts['categories'] = $atts['link'][1];
}
}
if(empty($atts['post_type']) || !current_theme_supports('add_avia_builder_post_type_option'))
{
$atts['post_type'] = get_post_types();
}
if(is_string($atts['post_type'])) $atts['post_type'] = explode(',', $atts['post_type']);
}
$atts['fullscreen'] = ShortcodeHelper::is_top_level();
// HERE WE CHANGE $grid TO NEW OBJECT
$grid = new ebavs_post_grid($atts);
$grid->query_entries();
$portfolio_html = $grid->html();
if(!ShortcodeHelper::is_top_level())
return $portfolio_html . '<!-- ebavs -->';
$params['class'] = "main_color avia-no-border-styling avia-fullwidth-portfolio ".$meta['el_class'];
$params['open_structure'] = false;
$params['id'] = !empty($atts['id']) ? AviaHelper::save_string($atts['id'],'-') : "";
$params['custom_markup'] = $meta['custom_markup'];
//we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
if(isset($meta['index']) && $meta['index'] == 0) $params['close'] = false;
if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false;
$output = avia_new_section($params);
$output .= $portfolio_html;
$output .= avia_section_after_element_content( $meta , 'after_portfolio' );
return $output . '<!-- ebavs -->';
}
}
// Create new Grid class and extends the original
class ebavs_post_grid extends avia_post_grid {
// override sort buttons, this methods render html for sort bar
protected function sort_buttons($entries, $params)
{
//get all categories that are actually listed on the page
$categories = get_categories(array(
'taxonomy' => $params['taxonomy'],
'hide_empty'=> 0
));
$current_page_cats = array();
$cat_count = array();
$display_cats = is_array($params['categories']) ? $params['categories'] : array_filter(explode(',',$params['categories']));
foreach ($entries as $entry)
{
if($current_item_cats = get_the_terms( $entry->ID, $params['taxonomy'] ))
{
if(!empty($current_item_cats))
{
foreach($current_item_cats as $current_item_cat)
{
if(empty($display_cats) || in_array($current_item_cat->term_id, $display_cats))
{
$current_page_cats[$current_item_cat->term_id] = $current_item_cat->term_id;
if(!isset($cat_count[$current_item_cat->term_id] ))
{
$cat_count[$current_item_cat->term_id] = 0;
}
$cat_count[$current_item_cat->term_id] ++;
}
}
}
}
}
// DRAW HERE YOUR HTML
$output = 'new sort buttons';
return $output;
}
}
// Look for builder Avia Object
global $builder;
// Magic here, change portfolio class by our new class
$builder->shortcode_class['avia_sc_portfolio'] = new ebavs_portfolio( $builder );
// init new object
$builder->shortcode_class['avia_sc_portfolio']->init();
// and replace the named class for shortcode
$builder->shortcode[$builder->shortcode_class['avia_sc_portfolio']->config['shortcode']] = 'ebavs_portfolio';
// this shortcode have a heavy css and js components, you can add your new js and css in this point
},'100');
As you can see only few lines of code explaining how you can override portfolio sort buttons, masonry is similar.
Hallo!
Wir haben das gleiche/ähnliche Problem wie Hella: https://kriesi.at/support/topic/portfolio-grid-hover-animation/).
Es scheint, dass der Hover-Effekt (weiß-transparente Overlay-Fläche und weißer Pfeil auf rotem Kreis – wie auch hier gezeigt: http://kriesi.at/themes/enfold/portfolio/) bei den Bildern im Portfolio-Raster nicht mehr funktioniert.
Im Firebug ist auch zu erkennen, dass der ganze <a>-tag um das Bild herum und der span mit dem “image-overlay” nach dem <img>-tag fehlt.
Der Effekt hat bisher immer funktioniert. Wir haben im Inhalt auch nichts geändert. Uns ist jetzt erst das Fehlen des Effekts aufgefallen. Das Einzige, was wir geändert haben, ist die Installation des Plugins “polylang” und das Anlegen der einzelnen Sprachseiten.
Kann es vielleicht daran liegen?
THX Nane Charrad
-
This topic was modified 10 years, 2 months ago by
willy_chen. Reason: bilder nicht mehr nötig