-
AuthorSearch Results
-
June 3, 2019 at 8:04 pm #1106807
In reply to: iconbox settings gone
a different but similar way is to use the flexbox model: And this is a more mighty tool to adjust each column as you like – my prefered method.
This is the setting of the layout:

you see that the custom Class is set on the 1/1 container! – here in my example code : flex-iconboxes
quick css:
@media (min-width: 990px) { .flex_column.flex-iconboxes { display: flex; flex-flow: nowrap row; justify-content: space-between; align-items: stretch; } .flex-iconboxes .iconbox { flex: 0 1 30%; background-color: #e8e8e8 !important; border-radius: 5px; margin-bottom: 0 !important; } .flex-iconboxes .iconbox_content { box-shadow: none !important; } .flex_column.flex-iconboxes::before, .flex_column.flex-iconboxes::after { display: none; } }the background-color of the iconboxes is set here for all!
if you have different bg-colors set them via:
.flex-iconboxes .iconbox:nth-child(1) { background: #cdf7e7 !important; } .flex-iconboxes .iconbox:nth-child(2) { background: #d0e4f4 !important; }etc. – btw: if you break your menu at 768px you have to adjust that value on media query setting to min-width: 768px
see result here: https://webers-testseite.de/iconboxes-with-equalheight/
______________
what does the code do
the 1/1 column is set as the parent container to display : flex
the flex-items are set to 0 1 30% that means the items are not allowed to grow (first value) – the items are allowed to shrink (second value) the flex basis is set to 30%.
because the parent container gets justify-content : space-between the space between the items is for all 10% makes with two spaces 5% each.
align-items : stretch – means they get the same hight.see nice tutorial here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
June 3, 2019 at 7:23 pm #1106802In reply to: iconbox settings gone
what do i do if i had to equalize the iconboxes ?
i use the equalize columns – and gave the background-color to those columns! and not to the iconboxes!
Then i have to only shift the iconbox content including the icon, content and so on to mimic the iconbox looking.
See here on top. https://webers-testseite.de/equal-height/
these boxes seems to have the same height – even on shrinking screen width.On the bottom you see the trick. The box itself you see at first after having no background it seems to be the same height.
my equal height for the columns : i gave that custom-class to the 1/3 column : equalboxes
after that i placed this to quick css:
.equalboxes .iconbox.iconbox_top { position: relative; top: -100px; background-color: transparent !important; } .equalboxes .iconbox.iconbox_top { margin-bottom: -100px; } @media only screen and (max-width: 767px){ .equalboxes { margin-bottom: 80px !important; } }your color section has to have a padding!
May 17, 2019 at 12:41 pm #1101765GFMutiny
ParticipantHi there,
I can’t seem to find a solution on any other thread to this one so hopefully you can help.
Is it possible to change the circle border/background on the icon in an iconbox content element to be a hexagon shape? I tried to upload a .png of a hexagon and link it but to no avail.
Can you also please let me know if it is possible to add the icon loading animation ONLY to the icon & its hexagon border as opposed to the entire iconbox (similar to the icon content element animation)?
Thanks in advance for your help!
May 17, 2019 at 12:00 pm #1101739In reply to: Change size and layout of icon box
Hi,
Thanks for the update.
You should add the actual iconbox shortcode inside the text block, then turn on the custom css class field so that we can target that specific text block or icon box element directly.
You can generate the iconbox shortcode from a separate post using the shortcode generator.
The content of text block should look something like this once you have included the iconbox shortcode plus the actual content that should wrap around the icon box.
[av_icon_box position='left' icon_style='' boxed='' icon='1' title='IconBox Title' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-29zeuo' custom_class='av_wrap_icon_box'] Icon Box Text [/av_icon_box] Text block content lorem ipsum dolor sit amet i am so osamu andsamu hahaIf you noticed, we added the custom_class parameter to the icon box shortcode and added the value “av_wrap_icon_box”. We can use that class attribute to change the style of the icon box.
#top .iconbox.av_wrap_icon_box { width: 50%; float: left; }Best regards,
IsmaelApril 25, 2019 at 7:03 am #1094303Topic: avf_customize_heading_settings – how to handle ?
in forum EnfoldGuenni007
Participanti’m on the way to adopt my h-tag choice on iconlist, iconbox etc pp for my edited alb elements.
i see now this new filter . how to handle that on specific case?
And why not an Option Field to choose the h-tag instead? ( f.e. https://webers-testseite.de/edited-enfold-alb-elements/#sliders)April 3, 2019 at 2:23 am #1086289In reply to: Styles & Images NOT LOADING on (mostly) MOBILE
Here are all the errors in Chrome:
https://www.yourpoolbuilder.com/46
Refused to apply style from ‘<URL>’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/grid.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/plugins/wunderground/assets/css/wunderground.css?ver=2.1.3’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/layout.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/base.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/css/dashicons.min.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons/buttons.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/comments/comments.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/contentslider/contentslider.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/heading/heading.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/google_maps/google_maps.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/grid_row/grid_row.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/hr/hr.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/icon/icon.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconbox/iconbox.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconlist/iconlist.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image/image.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/promobox/promobox.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/menu/menu.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/progressbar/progressbar.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/avia-snippet-site-preloader.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/social_share/social_share.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/tabs/tabs.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/toggles/toggles.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/video/video.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/css/dist/block-library/style.min.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/js/aviapopup/magnific-popup.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/shortcodes.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/avia-snippet-lightbox.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.6-78496d1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/avia-snippet-widget.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/uploads/dynamic_avia/enfold.css?ver=5c9bd83672b52’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=5.1.1’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
(index):1 Refused to apply style from ‘https://www.yourpoolbuilder.com/wp-content/themes/enfold/css/custom.css?ver=4.5.4’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.April 2, 2019 at 7:30 pm #1086219In reply to: Can't Change Font
Hey dedmund,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.iconbox .iconbox_content p, body { font-size: 16px; }If you need further assistance please let us know.
Best regards,
VictoriaMarch 25, 2019 at 7:24 pm #1082810In reply to: Icon Hover Color not changing
Hi Victoria! I was able to get the answer about a day ago. Thanks so much for responding!
This was the solution with the custom class .icon-red-hover I created:
.icon-red-hover a.iconbox_icon:hover {
background-color: red !important;
}
.icon-red-hover a.iconbox_icon:hover:before {
color: #fff !important;
}March 23, 2019 at 10:46 pm #1082182In reply to: Icon Box Custom Color Hover Effect
Hey danieloliverio,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.icon-red-hover a.iconbox_icon:hover { background-color: red !important; } .icon-red-hover a.iconbox_icon:hover:before { color: #fff !important; }Best regards,
MikeMarch 22, 2019 at 9:04 pm #1082014In reply to: How to make icon boxes in columns the same height?
Hey connect4consulting,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 990px) { .iconbox_top .iconbox_content { min-height: 235px; } }If you need further assistance please let us know.
Best regards,
VictoriaMarch 15, 2019 at 10:58 am #1079064In reply to: custom.css problem
Hi Nikko,
thanks for coming back. I’ve no caching plugin, I flushed the cache…
I give you an example.
on the website you’ll find this.
<h3 class=”iconbox_content_title av-medium-font-size-overwrite av-medium-font-size-32 av-small-font-size-overwrite av-small-font-size-20 av-mini-font-size-overwrite av-mini-font-size-hidden” itemprop=”headline” style=”color:#ffffff; “>Liebe geht durch die Ohren.</h3>it renders uppercase even if I’ve defined in custom.css
.iconbox .iconbox_content .iconbox_content_title {
text-transform: none!important;
}can you tell me why?
March 13, 2019 at 4:37 pm #1078298Topic: custom.css problem
in forum Enfoldhund-herrchen
ParticipantHi
all worked well with my custom.css until a few weeks. I also disabled CSS file merging.
see the attached website development – the icon’s border ist still 1px even when I put#top .iconbox.av-no-box .iconbox_icon {
width: 80px!important;
height: 80px!important;
border-width: 2px!important;
font-size: 35px;
line-height: 78px;
}also text-transform for the iconbox title renders uppercase due to overriding iconbox.css
.iconbox .iconbox_content .iconbox_content_title {
border: medium none;
padding: 2px 0 0 0;
position: relative;
margin: 0 0 16px 0;
clear: none;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 1.25em;although I’ve defined in custom.css
.iconbox .iconbox_content .iconbox_content_title {
text-transform: none!important;
}any idea?
March 12, 2019 at 11:08 am #1077780Topic: Enfold Button no target
in forum EnfoldSepppl
ParticipantHello,
I am trying to define a target for the Button.
The button widget doesn’t have any possiblitiy to define a custom target. That’s why I use the code-widget.[av_button label='Zurück zur Übersicht' link_target='_main' link='manually,https://intranet.weber.wor/' size='medium' position='left' icon_select='yes' icon='ue841' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5obiu2z']“_main” is my custom target. But its not rendered.
Below you see the result which is genrated:
<section class="avia_codeblock_section avia_code_block_0" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"> <div class="avia_codeblock " itemprop="text"> <div class="avia-button-wrap avia-button-left "> <a href="https://website.com/" class="avia-button avia-icon_select-yes-left-icon avia-color-theme-color avia-size-medium avia-position-left "><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Back to overview</span></a> </div> </div> </section>Do you have any advice?
Thanks in advance,
SeppplMarch 3, 2019 at 7:35 pm #1074006In reply to: Responsive Design for Ipads and Tablets is missing
Hey carTransport,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) and (max-width: 1024px){ #top #av-layout-grid-9 .no_margin.av_one_third { padding: 20px !important; } #top #av-layout-grid-9 .no_margin.av_two_third { padding: 30px 40px 30px 10px !important; } h3.iconbox_content_title a { font-size: 17px; } .iconbox_content p { word-break: break-word; } } @media only screen and (max-width: 1024px) { nav.main_menu, #menu-item-search { display: block !important; } .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }If you need further assistance please let us know.
Best regards,
VictoriaFebruary 12, 2019 at 8:34 pm #1066096hast du es so wie auf meiner Testseite beschrieben gemacht, dass du die Id als link Ziel für den Button eingegeben? also relativ nicht absolut:
also in den Button link : #studiengangmore2
- Give a unique ID to the Color-Section to toggle f.e.: toggle-color-section
- Give to the button a custom-class f.e: color-section-toggler
- the button link is the unique ID of the toggle section
ausserdem sollte dann der Teil für die Beschriftung so aussehen:
$('.avia-button-wrap.color-section-toggler span.avia_iconbox_title').text(function(i, v){ return v === 'alle Studiengänge' ? 'weniger Studiengänge' : 'alle Studiengänge' })February 12, 2019 at 3:31 pm #1065968well this is something on request long time ago:
https://webers-testseite.de/colorsection-toggle/ich schreibe jetzt mal gerade deutsch, geht mir besser aus den Händen.
Eigentlich steht alles ganz gut auf der Seite.
Ich habe allerdings den Button ( full-width button) unter die Toggle Section gesetzt.

den code musst du dann deinen Wünschen entsprechend anpassen. die Button Beschriftung kannst du dann auch toggeln. Button Anfangstext und im Code sollte aber übereinstimmen!:// color-section toggle function add_custom_toggler(){ ?> <script> (function($){ $(window).load(function () { $('#toggle-color-section').addClass('notseen'); $('.avia-button-wrap.color-section-toggler').click(function () { $('#toggle-color-section').toggleClass('notseen'); $('.avia-button-wrap.color-section-toggler span.avia_iconbox_title').text(function(i, v){ return v === 'Studiengänge, die perfekt zu Ihren Fähigkeiten passen' ? 'Danke für die Info' : 'Studiengänge, die perfekt zu Ihren Fähigkeiten passen' }) }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_toggler');Wenn noch fragen sind – gerne
January 24, 2019 at 5:55 pm #1058253Hey creatiffco,
Which grey board are you referring to? I cannot see it.
Could you please attach some screenshots of the issue?
As for the “RESERVE YOUR SEAT” button text size, here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #reserve-my-seat .avia-button-fullwidth .avia_iconbox_title { font-size: 24px; }If you need further assistance please let us know.
Best regards,
VictoriaJanuary 21, 2019 at 7:35 pm #1056857Topic: Adding custom icons
in forum EnfoldHandyann
ParticipantHi,
I’ve read all the docs and support threads on adding custom-made icons and have followed the advice, but have a problem.
I created and added an icon yesterday via Photoshop, Illustrator and Fontello with no problem, but today the same process results in an empty square in the Iconbox. The icon I create shows up perfectly in Fontello so I have no idea what’s happening here.Can you please help guys, before I tear out the rest of my hair?!
Thanks,
AnnJanuary 9, 2019 at 5:40 pm #1051947In reply to: Vertical align an accordion table inside of 1/3 div
Hi Enrico,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#av_section_4 .iconbox { margin-bottom: 110px; }If you need further assistance please let us know.
Best regards,
VictoriaJanuary 7, 2019 at 3:38 am #1050724In reply to: Another linking challenge
Hey mwvcaa,
Thank you for using Enfold.
You have to add a custom script to trigger the tab titles when clicking on a custom link. This thread should help:
// https://kriesi.at/support/topic/tab-section-link-from-content-in-one-tab-to-another-tab/#post-909792
Replace the “#top .iconbox_top a” selector with the actual class attribute of the link.
Best regards,
IsmaelJanuary 2, 2019 at 10:16 pm #1049388Topic: icon boxes with different background-color
in forum EnfoldYvonne_1211
ParticipantHello,
I use icon boxes on my website to structure the content. For this I use a custom css styles like a background-color, a own font- size…
But on one site, I need six different background-colors of the six icon boxes. With which code can I address the attributes that cause each Icon Box to have a different background color? In the edit function of the icon box I can not define a background color
Here is my the css code:.iconbox_content_container {
font-size: 17px !important;
color: #4e7f22 !important;
line-height: 32px;
padding: 0.8em;
}Thanks for help
December 21, 2018 at 11:21 pm #1048450In reply to: Iconbox change Icons Size
Hi check-t,
This is to change it globally, add this in Quick CSS (located in Enfold > General Styling):
#top .iconbox_icon { font-size: 18px; }If you want it to be specific, go to Enfold > Layout Builder > check Show element options for developers
Go back to the page, edit the icon box and you should see Custom CSS Classes (you can put any name) as an example I’ll use myclass as the value, then in Quick CSS, I’ll add:#top .myclass .iconbox_icon { font-size: 18px; }just change the font size value, on your site the default is 23px.
Best regards,
NikkoDecember 16, 2018 at 2:38 am #1045776Hey Birdster,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .backtotop.iconbox_right_content .iconbox_content { display: inline-block !important; } #top .backtotop.iconbox_right_content .iconbox_icon { float: right !important; }Best regards,
MikeNovember 23, 2018 at 7:19 pm #1037082In reply to: Icon lists title size
Hey Matt,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.iconbox .iconbox_content .iconbox_content_title { font-size: 24px; }If you need further assistance please let us know.
Best regards,
VictoriaNovember 22, 2018 at 4:42 pm #1036601In reply to: Colour text in footer changing in some pages
Hey samvasgr,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.footer_color .heading-color, .footer_color a.iconbox_icon:hover, .footer_color h1, .footer_color h2, .footer_color h3, .footer_color h4, .footer_color h5, .footer_color h6, .footer_color .sidebar .current_page_item>a, .footer_color .sidebar .current-menu-item>a, .footer_color .pagination .current, .footer_color .pagination a:hover, .footer_color strong.avia-testimonial-name, .footer_color .heading, .footer_color .toggle_content strong, .footer_color .toggle_content strong a, .footer_color .tab_content strong, .footer_color .tab_content strong a, .footer_color .asc_count, .footer_color .avia-testimonial-content strong, .footer_color div .news-headline, #top .footer_color .av-related-style-full .av-related-title, .footer_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .footer_color .wp-playlist-item-meta.wp-playlist-item-title, #top .footer_color .av-no-image-slider h2 a, .footer_color .av-small-bar .avia-progress-bar .progressbar-title-wrap { color: #ffffff !important; } .footer_color .av-share-link a, .footer_color a { color: #f3ffde; }If you need further assistance please let us know.
Best regards,
VictoriaNovember 7, 2018 at 1:02 pm #1030842In reply to: Error 500 after FTP Enfold Update
This is what I get when i try to upload the latest version
Unpacking the package…
Upgrading your theme…
No backup of old version of theme created. Backup option disabled in settings.
Removing the old version of the theme…
The update cannot be installed because we will be unable to copy some files. This is usually due to inconsistent file permissions. config-events-calendar/views/single-event-no-mobile.php, config-layerslider/LayerSlider/classes/class.ls.config.php, config-layerslider/LayerSlider/classes/class.ls.popups.php, config-layerslider/LayerSlider/includes/slider_markup_export.php, config-layerslider/LayerSlider/static/admin/css/addons.css, config-layerslider/LayerSlider/static/admin/css/index.php, config-layerslider/LayerSlider/static/admin/css/plugin_settings.css, config-layerslider/LayerSlider/static/admin/img/ao-bm-blend.jpg, config-layerslider/LayerSlider/static/admin/img/ao-bm-text.png, config-layerslider/LayerSlider/static/admin/img/ao-bm.jpg, config-layerslider/LayerSlider/static/admin/img/ao-fil.jpg, config-layerslider/LayerSlider/static/admin/img/ao-ori.jpg, config-layerslider/LayerSlider/static/admin/img/ao-pbs.jpg, config-layerslider/LayerSlider/static/admin/img/ao-pop.jpg, config-layerslider/LayerSlider/static/admin/img/ao-rev.jpg, config-layerslider/LayerSlider/static/admin/img/ao-tpl.jpg, config-layerslider/LayerSlider/static/admin/img/index.php, config-layerslider/LayerSlider/static/admin/img/layout-popup.png, config-layerslider/LayerSlider/static/admin/img/popup-example-bg.jpg, config-layerslider/LayerSlider/static/admin/img/popup-example-slidy.png, config-layerslider/LayerSlider/static/admin/js/index.php, config-layerslider/LayerSlider/static/admin/js/ls-admin-addons.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-settings.js, config-layerslider/LayerSlider/static/admin/media/index.php, config-layerslider/LayerSlider/static/admin/scss/addons.scss, config-layerslider/LayerSlider/static/admin/scss/index.php, config-layerslider/LayerSlider/static/admin/scss/plugin_settings.scss, config-layerslider/LayerSlider/static/admin/index.php, config-layerslider/LayerSlider/static/air-datepicker/i18n/index.php, config-layerslider/LayerSlider/static/air-datepicker/index.php, config-layerslider/LayerSlider/static/codemirror/addon/comment/index.php, config-layerslider/LayerSlider/static/codemirror/addon/dialog/index.php, config-layerslider/LayerSlider/static/codemirror/addon/display/index.php, config-layerslider/LayerSlider/static/codemirror/addon/edit/index.php, config-layerslider/LayerSlider/static/codemirror/addon/fold/index.php, config-layerslider/LayerSlider/static/codemirror/addon/hint/index.php, config-layerslider/LayerSlider/static/codemirror/addon/lint/index.php, config-layerslider/LayerSlider/static/codemirror/addon/merge/index.php, config-layerslider/LayerSlider/static/codemirror/addon/mode/index.php, config-layerslider/LayerSlider/static/codemirror/addon/runmode/index.php, config-layerslider/LayerSlider/static/codemirror/addon/scroll/index.php, config-layerslider/LayerSlider/static/codemirror/addon/search/index.php, config-layerslider/LayerSlider/static/codemirror/addon/selection/index.php, config-layerslider/LayerSlider/static/codemirror/addon/tern/index.php, config-layerslider/LayerSlider/static/codemirror/addon/wrap/index.php, config-layerslider/LayerSlider/static/codemirror/addon/index.php, config-layerslider/LayerSlider/static/codemirror/keymap/index.php, config-layerslider/LayerSlider/static/codemirror/lib/index.php, config-layerslider/LayerSlider/static/codemirror/mode/css/index.php, config-layerslider/LayerSlider/static/codemirror/mode/htmlembedded/index.php, config-layerslider/LayerSlider/static/codemirror/mode/htmlmixed/index.php, config-layerslider/LayerSlider/static/codemirror/mode/javascript/index.php, config-layerslider/LayerSlider/static/codemirror/mode/php/index.php, config-layerslider/LayerSlider/static/codemirror/mode/sass/index.php, config-layerslider/LayerSlider/static/codemirror/mode/sql/index.php, config-layerslider/LayerSlider/static/codemirror/mode/xml/index.php, config-layerslider/LayerSlider/static/codemirror/mode/index.php, config-layerslider/LayerSlider/static/codemirror/theme/index.php, config-layerslider/LayerSlider/static/codemirror/index.php, config-layerslider/LayerSlider/static/dashicons/index.php, config-layerslider/LayerSlider/static/layerslider/css/index.php, config-layerslider/LayerSlider/static/layerslider/js/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/debug/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/origami/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/timeline/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.css, config-layerslider/LayerSlider/static/layerslider/plugins/popup/index.php, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.js, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/index.php, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/index.php, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/index.php, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/index.php, config-layerslider/LayerSlider/static/layerslider/skins/carousel/index.php, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/index.php, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/index.php, config-layerslider/LayerSlider/static/layerslider/skins/glass/index.php, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/minimal/index.php, config-layerslider/LayerSlider/static/layerslider/skins/noskin/index.php, config-layerslider/LayerSlider/static/layerslider/skins/numbers/index.php, config-layerslider/LayerSlider/static/layerslider/skins/outline/index.php, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/index.php, config-layerslider/LayerSlider/static/layerslider/skins/v5/index.php, config-layerslider/LayerSlider/static/layerslider/skins/v5/skin-min.css, config-layerslider/LayerSlider/static/layerslider/skins/v6/index.php, config-layerslider/LayerSlider/static/layerslider/skins/index.php, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/index.php, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/info.json, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/skin.css, config-layerslider/LayerSlider/static/layerslider/index.php, config-layerslider/LayerSlider/static/minicolors/index.php, config-layerslider/LayerSlider/static/public/index.php, config-layerslider/LayerSlider/static/shuffle/index.php, config-layerslider/LayerSlider/static/index.php, config-layerslider/LayerSlider/static/dindent/Indenter.php, config-layerslider/LayerSlider/static/dindent/index.php, config-layerslider/LayerSlider/static/dindent/Exception/index.php, config-layerslider/LayerSlider/static/dindent/Exception/DindentException.php, config-layerslider/LayerSlider/static/dindent/Exception/InvalidArgumentException.php, config-layerslider/LayerSlider/static/dindent/Exception/RuntimeException.php, config-layerslider/LayerSlider/static/font-awesome/index.php, config-layerslider/LayerSlider/static/font-awesome/css/font-awesome.min.css, config-layerslider/LayerSlider/static/font-awesome/css/font-awesome.css, config-layerslider/LayerSlider/static/font-awesome/css/index.php, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.eot, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.svg, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.ttf, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.woff, config-layerslider/LayerSlider/static/font-awesome/fonts/fontawesome-webfont.woff2, config-layerslider/LayerSlider/static/font-awesome/fonts/FontAwesome.otf, config-layerslider/LayerSlider/static/font-awesome/fonts/index.php, config-layerslider/LayerSlider/static/html2canvas/html2canvas.min.js, config-layerslider/LayerSlider/templates/tmpl-addons.php, config-layerslider/LayerSlider/templates/tmpl-button-presets.php, config-layerslider/LayerSlider/templates/tmpl-import-layer.php, config-layerslider/LayerSlider/templates/tmpl-import-slide.php, config-layerslider/LayerSlider/templates/tmpl-insert-icons-modal.php, config-layerslider/LayerSlider/templates/tmpl-insert-media-modal.php, config-layerslider/LayerSlider/templates/tmpl-popup-example-slider.php, config-layerslider/LayerSlider/templates/tmpl-popup-presets-window.php, config-layerslider/LayerSlider/templates/tmpl-post-chooser.php, config-layerslider/LayerSlider/templates/tmpl-preview-context-menu.php, config-layerslider/LayerSlider/templates/tmpl-slide-tab.php, config-layerslider/LayerSlider/templates/html-export/ls-instructions.png, config-layerslider/LayerSlider/templates/html-export/INSTRUCTIONS.html, config-layerslider/LayerSlider/templates/html-export/template.html, config-layerslider/LayerSlider/views/addons.php, config-layerslider/LayerSlider/views/css_editor.php, config-layerslider/LayerSlider/views/settings.php, config-templatebuilder/avia-shortcodes/.DS_Store, config-templatebuilder/avia-shortcodes/audio-player/audio-player.js, config-templatebuilder/avia-shortcodes/audio-player/audio-player.css, config-templatebuilder/avia-shortcodes/audio-player/audio-player.php, config-templatebuilder/avia-shortcodes/blog/blog.php, config-templatebuilder/avia-shortcodes/blog/blog.css, config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.php, config-templatebuilder/avia-shortcodes/buttonrow/buttonrow.css, config-templatebuilder/avia-shortcodes/buttons/buttons.php, config-templatebuilder/avia-shortcodes/buttons/buttons.css, config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.php, config-templatebuilder/avia-shortcodes/buttons_fullwidth/buttons_fullwidth.css, config-templatebuilder/avia-shortcodes/catalogue/catalogue.php, config-templatebuilder/avia-shortcodes/catalogue/catalogue.css, config-templatebuilder/avia-shortcodes/comments/comments.php, config-templatebuilder/avia-shortcodes/comments/comments.css, config-templatebuilder/avia-shortcodes/contact/contact.js, config-templatebuilder/avia-shortcodes/contact/contact.css, config-templatebuilder/avia-shortcodes/contact/contact.php, config-templatebuilder/avia-shortcodes/contentslider/contentslider.php, config-templatebuilder/avia-shortcodes/contentslider/contentslider.css, config-templatebuilder/avia-shortcodes/countdown/countdown.js, config-templatebuilder/avia-shortcodes/countdown/countdown.css, config-templatebuilder/avia-shortcodes/countdown/countdown.php, config-templatebuilder/avia-shortcodes/events_countdown/events_countdown.php, config-templatebuilder/avia-shortcodes/events_upcoming/events_upcoming.css, config-templatebuilder/avia-shortcodes/events_upcoming/events_upcoming.php, config-templatebuilder/avia-shortcodes/gallery/gallery.js, config-templatebuilder/avia-shortcodes/gallery/gallery.css, config-templatebuilder/avia-shortcodes/gallery/gallery.php, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.js, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.css, config-templatebuilder/avia-shortcodes/gallery_horizontal/gallery_horizontal.php, config-templatebuilder/avia-shortcodes/google_maps/google_maps.php, config-templatebuilder/avia-shortcodes/google_maps/google_maps.css, config-templatebuilder/avia-shortcodes/grid_row/grid_row.css, config-templatebuilder/avia-shortcodes/grid_row/cell.php, config-templatebuilder/avia-shortcodes/grid_row/grid_row.php, config-templatebuilder/avia-shortcodes/heading/heading.php, config-templatebuilder/avia-shortcodes/heading/heading.css, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.js, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.css, config-templatebuilder/avia-shortcodes/headline_rotator/headline_rotator.php, config-templatebuilder/avia-shortcodes/hr/hr.php, config-templatebuilder/avia-shortcodes/hr/hr.css, config-templatebuilder/avia-shortcodes/icon/icon.php, config-templatebuilder/avia-shortcodes/icon/icon.css, config-templatebuilder/avia-shortcodes/iconbox/iconbox.php, config-templatebuilder/avia-shortcodes/iconbox/iconbox.css, config-templatebuilder/avia-shortcodes/icongrid/icongrid.js, config-templatebuilder/avia-shortcodes/icongrid/icongrid.css, config-templatebuilder/avia-shortcodes/icongrid/icongrid.php, config-templatebuilder/avia-shortcodes/iconlist/iconlist.js, config-templatebuilder/avia-shortcodes/iconlist/iconlist.css, config-templatebuilder/avia-shortcodes/iconlist/iconlist.php, config-templatebuilder/avia-shortcodes/image/image.php, config-templatebuilder/avia-shortcodes/image/image.css, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.js, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.css, config-templatebuilder/avia-shortcodes/image_hotspots/image_hotspots.php, config-templatebuilder/avia-shortcodes/logoslider/logoslider.php, config-templatebuilder/avia-shortcodes/magazine/magazine.css, config-templatebuilder/avia-shortcodes/magazine/magazine.js, config-templatebuilder/avia-shortcodes/magazine/magazine.php, config-templatebuilder/avia-shortcodes/mailchimp/mailchimp.php, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.js, config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.php, config-templatebuilder/avia-shortcodes/masonry_gallery/masonry_gallery.php, config-templatebuilder/avia-shortcodes/masonry_gallery/.DS_Store, config-templatebuilder/avia-shortcodes/menu/menu.js, config-templatebuilder/avia-shortcodes/menu/menu.css, config-templatebuilder/avia-shortcodes/menu/menu.php, config-templatebuilder/avia-shortcodes/notification/notification.js, config-templatebuilder/avia-shortcodes/notification/notification.css, config-templatebuilder/avia-shortcodes/notification/notification.php, config-templatebuilder/avia-shortcodes/numbers/numbers.js, config-templatebuilder/avia-shortcodes/numbers/numbers.css, config-templatebuilder/avia-shortcodes/numbers/numbers.php, config-templatebuilder/avia-shortcodes/portfolio/portfolio.css, config-templatebuilder/avia-shortcodes/portfolio/isotope.js, config-templatebuilder/avia-shortcodes/portfolio/portfolio.js, config-templatebuilder/avia-shortcodes/portfolio/portfolio.php, config-templatebuilder/avia-shortcodes/postslider/postslider.php, config-templatebuilder/avia-shortcodes/postslider/postslider.css, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_info.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_button.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_meta.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_price.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_review.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_tabs.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippet_upsells.php, config-templatebuilder/avia-shortcodes/product_snippets/product_snippets.php, config-templatebuilder/avia-shortcodes/productslider/productslider.php, config-templatebuilder/avia-shortcodes/progressbar/progressbar.css, config-templatebuilder/avia-shortcodes/progressbar/progressbar.js, config-templatebuilder/avia-shortcodes/progressbar/progressbar.php, config-templatebuilder/avia-shortcodes/promobox/promobox.php, config-templatebuilder/avia-shortcodes/promobox/promobox.css, config-templatebuilder/avia-shortcodes/search/search.php, config-templatebuilder/avia-shortcodes/search/search.css, config-templatebuilder/avia-shortcodes/slideshow/slideshow.css, config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js, config-templatebuilder/avia-shortcodes/slideshow/slideshow.js, config-templatebuilder/avia-shortcodes/slideshow/slideshow.php, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.js, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.css, config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.php, config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.php, config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.css, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.js, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.css, config-templatebuilder/avia-shortcodes/slideshow_fullscreen/slideshow_fullscreen.php, config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.php, config-templatebuilder/avia-shortcodes/slideshow_fullsize/slideshow_fullsize.css, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.js, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.css, config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.php, config-templatebuilder/avia-shortcodes/social_share/social_share.css, config-templatebuilder/avia-shortcodes/social_share/.DS_Store, config-templatebuilder/avia-shortcodes/social_share/social_share.php, config-templatebuilder/avia-shortcodes/tab_section/tab_section.js, config-templatebuilder/avia-shortcodes/tab_section/tab_section.css, config-templatebuilder/avia-shortcodes/tab_section/tab_section.php, config-templatebuilder/avia-shortcodes/tab_section/tab_sub_section.php, config-templatebuilder/avia-shortcodes/table/table.php, config-templatebuilder/avia-shortcodes/table/table.css, config-templatebuilder/avia-shortcodes/tabs/tabs.js, config-templatebuilder/avia-shortcodes/tabs/tabs.css, config-templatebuilder/avia-shortcodes/tabs/tabs.php, config-templatebuilder/avia-shortcodes/team/team.php, config-templatebuilder/avia-shortcodes/team/team.css, config-templatebuilder/avia-shortcodes/testimonials/testimonials.css, config-templatebuilder/avia-shortcodes/testimonials/.DS_Store, config-templatebuilder/avia-shortcodes/testimonials/testimonials.js, config-templatebuilder/avia-shortcodes/testimonials/testimonials.php, config-templatebuilder/avia-shortcodes/timeline/timeline.js, config-templatebuilder/avia-shortcodes/timeline/timeline.css, config-templatebuilder/avia-shortcodes/timeline/timeline.php, config-templatebuilder/avia-shortcodes/toggles/toggles.js, config-templatebuilder/avia-shortcodes/toggles/toggles.css, config-templatebuilder/avia-shortcodes/toggles/toggles.php, config-templatebuilder/avia-shortcodes/video/video.js, config-templatebuilder/avia-shortcodes/video/video.css, config-templatebuilder/avia-shortcodes/video/video.php, config-templatebuilder/avia-template-builder/assets/css/avia-builder-rtl.css, config-templatebuilder/avia-template-builder/images/placeholder-audio.png, config-templatebuilder/avia-template-builder/images/sc-audio-player.png, config-templatebuilder/avia-template-builder/images/sc-buttonrow.png, config-templatebuilder/avia-template-builder/images/sc-icongrid.png, config-templatebuilder/avia-template-builder/images/sc-price.png, config-templatebuilder/avia-template-builder/images/sc-search.png, config-templatebuilder/avia-template-builder/images/sc-timeline.png, config-templatebuilder/avia-template-builder/php/asset-manager.class.php, config-templatebuilder/avia-template-builder/php/element-manager.class.php, config-templatebuilder/avia-template-builder/php/shortcode-parser.class.php, config-templatebuilder/avia-template-builder/php/external/JSqueeze.php, config-wpml/wpml-mod.js, css/avia-snippet-cookieconsent.css, css/avia-snippet-lightbox.css, css/avia-snippet-site-preloader.css, css/avia-snippet-widget.css, framework/css/conditional_load/avia_global_admin.css, (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , framework/js/conditional_load/avia_facebook_front.js, framework/js/conditional_load/avia_google_maps_api.js, framework/js/conditional_load/avia_google_maps_front.js, framework/js/conditional_load/avia_google_maps_widget_admin.js, framework/php/auto-updates/class-avia-envato-base-api.php, framework/php/auto-updates/class-avia-theme-updater.php, framework/php/class-gmaps.php, framework/php/font-management/class-avia-icon-fonts.php, framework/php/font-management/class-avia-font-management-base.php, framework/php/font-management/class-avia-type-fonts.php, images/layout/fake_facebook.jpg, images/layout/logo_modern.png, images/layout/search.png, includes/admin/demo_files/demo_images/agency-onepage.jpg, includes/admin/demo_files/demo_images/band.jpg, includes/admin/demo_files/demo_images/dark-photography.jpg, includes/admin/demo_files/demo_images/dj.jpg, includes/admin/demo_files/demo_images/elegant-portfolio.jpg, includes/admin/demo_files/demo_images/freelancer.jpg, includes/admin/demo_files/demo_images/gaming.jpg, includes/admin/demo_files/demo_images/knowledgebase.jpg, includes/admin/demo_files/demo_images/law.jpg, includes/admin/demo_files/demo_images/minimal-photography.jpg, includes/admin/demo_files/demo_images/visual-artist.jpg, includes/admin/demo_files/agency-onepage.php, includes/admin/demo_files/agency-onepage.xml, includes/admin/demo_files/band.php, includes/admin/demo_files/band.xml, includes/admin/demo_files/dark-photography.php, includes/admin/demo_files/dark-photography.xml, includes/admin/demo_files/dj.php, includes/admin/demo_files/dj.xml, includes/admin/demo_files/elegant-portfolio.php, includes/admin/demo_files/elegant-portfolio.xml, includes/admin/demo_files/freelancer.php, includes/admin/demo_files/freelancer.xml, includes/admin/demo_files/gaming.php, includes/admin/demo_files/gaming.xml, includes/admin/demo_files/knowledgebase.php, includes/admin/demo_files/knowledgebase.xml, includes/admin/demo_files/law.php, includes/admin/demo_files/law.xml, includes/admin/demo_files/minimal-photography.php, includes/admin/demo_files/minimal-photography.xml, includes/admin/demo_files/visual-artist.php, includes/admin/demo_files/visual-artist.xml, includes/helper-assets.php, includes/helper-privacy.php, js/aviapopup/.DS_Store, js/avia-snippet-cookieconsent.js, js/avia-snippet-lightbox.js, js/avia-snippet-megamenu.js, js/avia-snippet-sidebarmenu.js, js/avia-snippet-site-preloader.js, js/avia-snippet-sticky-header.js, js/avia-snippet-widget.js, lang/ca.mo, lang/ca.po, lang/pl_PL.mo, lang/pl_PL.po, lang/sk_SK.mo, lang/sk_SK.po, config-gutenberg/class-avia-gutenberg.php, config-menu-exchange/config.php
Theme update failed.
October 25, 2018 at 3:56 pm #1026377In reply to: increase contour thickness of rounded icon
Hey sdesign-web,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .iconbox.av-no-box .iconbox_icon { border-width: 3px !important; }If you need further assistance please let us know.
Best regards,
VictoriaOctober 11, 2018 at 12:53 pm #1020308In reply to: icon box hover only when linked
hi,
thank you, but i solved the problem by adding a custom css class to every box that is linked – so i have the result i want:#top .link .iconbox_icon:hover {
background-color: black !important; }i really love the theme, everything is possible :)
best regards
KatharinaOctober 8, 2018 at 9:56 am #1018882In reply to: Icon Box Hover Effect
Hey Uncannystevo,
This can only be done through Quick CSS and Custom CSS Class.
Try to check Show element options for developers found in Enfold > Layout Builder.
For the icons for example for the facebook icon edit it and in Custom CSS Class field put: icon-fb then save.
Go to Enfold > General Styling > Quick CSS and add this code:#top .icon-fb .iconbox_icon:hover { background-color: #3B5998 !important; color: white !important; }Just repeat the same process just change the class name (example icon-youtube) then on Quick CSS copy the code I gave and paste it below it then change icon-fb with icon-youtube, then just replace background color and color.
Hope this helps.Best regards,
NikkoOctober 4, 2018 at 3:35 am #1017649Hi,
Thanks for the update. By default, you cannot open a tab sub section with a custom link. You need to create a custom script for that.
// https://kriesi.at/support/topic/hotspots-with-anchor-links-to-tabs-section/#post-896815
Replace this line:
scrollToTab( '#top .iconbox_top a', 'click' );with this:
scrollToTab( '.avia-image-overlay-wrap a', 'click' );Best regards,
Ismael -
AuthorSearch Results
-
Search Results
-
Hi there,
I can’t seem to find a solution on any other thread to this one so hopefully you can help.
Is it possible to change the circle border/background on the icon in an iconbox content element to be a hexagon shape? I tried to upload a .png of a hexagon and link it but to no avail.
Can you also please let me know if it is possible to add the icon loading animation ONLY to the icon & its hexagon border as opposed to the entire iconbox (similar to the icon content element animation)?
Thanks in advance for your help!
i’m on the way to adopt my h-tag choice on iconlist, iconbox etc pp for my edited alb elements.
i see now this new filter . how to handle that on specific case?
And why not an Option Field to choose the h-tag instead? ( f.e. https://webers-testseite.de/edited-enfold-alb-elements/#sliders)Topic: custom.css problem
Hi
all worked well with my custom.css until a few weeks. I also disabled CSS file merging.
see the attached website development – the icon’s border ist still 1px even when I put#top .iconbox.av-no-box .iconbox_icon {
width: 80px!important;
height: 80px!important;
border-width: 2px!important;
font-size: 35px;
line-height: 78px;
}also text-transform for the iconbox title renders uppercase due to overriding iconbox.css
.iconbox .iconbox_content .iconbox_content_title {
border: medium none;
padding: 2px 0 0 0;
position: relative;
margin: 0 0 16px 0;
clear: none;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 1.25em;although I’ve defined in custom.css
.iconbox .iconbox_content .iconbox_content_title {
text-transform: none!important;
}any idea?
Topic: Enfold Button no target
Hello,
I am trying to define a target for the Button.
The button widget doesn’t have any possiblitiy to define a custom target. That’s why I use the code-widget.[av_button label='Zurück zur Übersicht' link_target='_main' link='manually,https://intranet.weber.wor/' size='medium' position='left' icon_select='yes' icon='ue841' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5obiu2z']“_main” is my custom target. But its not rendered.
Below you see the result which is genrated:
<section class="avia_codeblock_section avia_code_block_0" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"> <div class="avia_codeblock " itemprop="text"> <div class="avia-button-wrap avia-button-left "> <a href="https://website.com/" class="avia-button avia-icon_select-yes-left-icon avia-color-theme-color avia-size-medium avia-position-left "><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Back to overview</span></a> </div> </div> </section>Do you have any advice?
Thanks in advance,
SeppplTopic: Adding custom icons
Hi,
I’ve read all the docs and support threads on adding custom-made icons and have followed the advice, but have a problem.
I created and added an icon yesterday via Photoshop, Illustrator and Fontello with no problem, but today the same process results in an empty square in the Iconbox. The icon I create shows up perfectly in Fontello so I have no idea what’s happening here.Can you please help guys, before I tear out the rest of my hair?!
Thanks,
AnnHello,
I use icon boxes on my website to structure the content. For this I use a custom css styles like a background-color, a own font- size…
But on one site, I need six different background-colors of the six icon boxes. With which code can I address the attributes that cause each Icon Box to have a different background color? In the edit function of the icon box I can not define a background color
Here is my the css code:.iconbox_content_container {
font-size: 17px !important;
color: #4e7f22 !important;
line-height: 32px;
padding: 0.8em;
}Thanks for help
