Page 391 – Support | Kriesi.at – Premium WordPress Themes

Hi!

We copied the short code you provided and tested in our installation the background video URL is empty. Please add the youtube video url in the same format as the example it should work fine. and don’t forget to set the height of color section to min 100% under “Section layout” options

Here is the new shortcode with the background video works on mobile devices :)

[av_section min_height='100' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='https://www.youtube.com/watch?v=IwmSFDA8jm8' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class='']
[av_textblock size='' font_color='' color='']

This is a sample page illustrating the issue with color background and mobile video. If you select a youtube video as a background and don’t specify an image background, the mobile browser displays a still photo of the video with a red “play” icon but the icon does NOT play the Youtube video.

[/av_textblock]
[/av_section]

Best regards,
Vinay Kashyap

March 17, 2016 at 2:25 pm #599593

In reply to: Format & Position Caption in Accordian Slider?

brianjomalley

Ideally, I’d like to be able to position the text either right, left or center of the main element either horizontally and vertically or both. Specifying the font and the size would also be nice. I imagine it would have to be done based upon percentages because of the different screen sizes, but I don’t know.

For example, in one photo there is a single element (a series of rocks stacked on top of one another) on the left of the photo. I’d like the text to be placed to the right of the element and wrap at the point specified. Being able to specify the font as Arial and the size would also be nice.

March 17, 2016 at 1:38 pm #599580

In reply to: Content section with slider and overlay of 75% browser-height

Cliffy

Hi all, I hope you don’t mind me commenting on this, but I am searching the forum for the same solution.
My requirement (and it seems the same as #boemedia is to allow the Fullwidth Easy Slider inside a Color Section where you can specify the min height (or add a min height setting for the Fullwidth Easy Slider).
The Fullwidth Easy Slider has more custom options than the Easy Slider. OR please add more functions to the Easy Slider – Custom font size and buttons.

March 17, 2016 at 12:07 pm #599546

In reply to: woocommerce change price position

Günter

Hi!

Thank you for coming back.

Please add following code to Functions.php file of your child theme (or parent theme, if not using a child theme)- you can use Dashboard -> Appearance > Editor:


remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 29 );

This should move the price above the “Add to Cart” aerea.

In custom.css or Enfold -> General Styling -> Quick CSS field (or when using a child theme: in styles.css of the child theme or Enfold-Child -> General Styling -> Quick CSS field) put the following and adjust the value as needed:


.single-product .single-product-summary .price span {
    font-size: 25px !important;
}

Best regards,
Günter

March 17, 2016 at 5:50 am #599433

In reply to: code for custom css class for color section

Hey diefleischerei!

It is already 280px height but the height of the content is more than 280px so the section is forced to stretch.

To reduce the height or the form please use the below css in quick css

.bld-el-input .bld-table-cont {
    height: 38px!important;
    font-size: 30px!important;
    line-height: 24!important;
    padding: 0px!important;
}

.snp-pop-325 .bld-step-1-el-1 .bld-el {
    font-size: 20px!important;
    padding: 10px!important;
}

.snp-pop-325 .bld-step-1-el-1 {
    height: auto!important;
}

Cheers!
Vinay Kashyap

March 16, 2016 at 6:43 pm #599101

In reply to: how to get text H1 to autoresize for smartphones

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 480px) {
a.av-icon-char {
    font-size: 20px!important;
    line-height: 20px!important;
    width: 20px!important;
}}

Regards,
Yigit

March 16, 2016 at 6:37 pm #599095

In reply to: Responsive ipad landscape

Hey!

You can add following code to Quick CSS

@media only screen and (min-width: 768px) and (max-width: 1024px) {
body { font-size: 16px !important; }}

to target landscape mode of tablets

Best regards,
Yigit

March 16, 2016 at 6:32 pm #599091

In reply to: Change font size

Hey Nicoletta_DUS!

Please edit font size – http://i.imgur.com/IfAn4kR.png
If that does not work, please create a temporary admin login and post it here privately so we can look into it.

Best regards,
Yigit

March 16, 2016 at 6:22 pm #599077

In reply to: Text Block contents not resizing at responsive break points

Hey!

Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your textblock element a custom CSS class and then add following code to Quick CSS in Enfold theme options under Genral Styling tab

@media only screen and (max-width: 767px) {
.your-custom-class p { font-size: 18px !important; }}

Best regards,
Yigit

March 16, 2016 at 5:18 pm #599025

In reply to: Color section video background mobile question

goldengate415

Hi Vinay,
Thank you for your response.

Now this morning Enfold’s behavior has changed — is it possible some coding change happened over the evening?

This is the page I created for you to see the “red arrow” but now if there’s no background image displayed, nothing is shown.
http://82a.889.myftpupload.com/sample-page-for-vinay/

What I would like it to do is give the mobile user the option of watching the Youtube video.How do I do that?

Thanks
Rob

[av_section min_height='' min_height_px='500px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_textblock size='' font_color='' color='']

This is a sample page illustrating the issue with color background and mobile video. If you select a youtube video as a background and don’t specify an image background, the mobile browser displays a still photo of the video with a red “play” icon but the icon does NOT play the Youtube video.

[/av_textblock]
[/av_section]

March 16, 2016 at 5:16 pm #599023

In reply to: how can i make the facebook social icon blue by default? not only on mouse over?

Jordan

Hey!

To have the color of the social icons always being displayed:

.av-social-link-facebook a {
    color: #fff;
    background-color: #37589b !important;
}

.av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d !important;
}

To change the footer font-size and color. Adjust the font-size as you wish:

.copyright {
    color: black;
    font-size: 25px;
}

.sub_menu_socket .avia-menu-text {
    color: black;
    font-size: 20px;
}

To hide the color section on mobile:

@media only screen and (max-width: 768px){
#av_section_11 {
    display: none;
}}

Let me know if I skipped over anything or if you need further help.

Cheers!
Jordan

March 16, 2016 at 2:16 pm #598927

Topic: Change font size

in forum Enfold

Nicoletta_DUS

Participant

Hi!

I try to change the font size (it is too small) and found an answer:

#437966
You can modify the main menu style on Enfold > Advanced Styling panel. Edit the Main Menu Links element.

But I didn’t find a way to change the font size. And changing the “link size” had no influence.

Could you please explain me how I can change the font size. Can’t be so complicated – I guess.

Best regards,
Nic

March 16, 2016 at 1:44 pm #598918

In reply to: Responsive ipad landscape

eparkerswe

Thank you for your answer Basilis.

I need to make many changes including font size .. I need to know what the “media query” for ipad landscape. I tested with different “media query” but it does not work.

/* ——————————————————-TABLET PORTRAIT ———————————————- */

@media only screen and (min-width: 768px) and (max-width: 989px) {
}

/* ——————————————————-TABLET LANDSCAPE ———————————————- */

@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: landscape) {
}

March 16, 2016 at 8:45 am #598836

In reply to: Unable to change the color of subheading

Hi!

The subheading has an inline style padding-bottom:0px;color:#ffffff;font-size:60px; the style is coming from js or php

inline styles has the highest specificity and cannot be altered using external CSS

please check the edit options of the subheading in advance layout builder there must be a color option which is set to white.

If you still have issues please create admin login for us and share in private so we can inspect it :)

Cheers!
Vinay Kashyap

March 16, 2016 at 3:58 am #598739

In reply to: how to get text H1 to autoresize for smartphones

Hi Imraanio!

Please use the below CSS in Quick CSS under Enfold > General styling

@media only screen and (max-width: 480px) {
.avia_textblock.av_inherit_color h1 {
font-size: 30px!important;
}}

Best regards,
Vinay Kashyap

March 16, 2016 at 2:24 am #598730

Topic: how to get text H1 to autoresize for smartphones

in forum Enfold

Imraanio

Participant

Hi,

I have set my H1 font size to 65px but want it to resize (become smaller) when it is viewed with a smartphone. After searching, I added the following to the Quick CSS in General Styling.

@media only screen and (max-width: 480px) {
h1.av-special-heading-tag {
font-size: 30px!important;
}}

Yet, the font does not load smaller on my smartphone.Is there any way I can get this sorted?

Thanks
Imraan

March 15, 2016 at 10:20 pm #598649

In reply to: Change the bullet size

Hey!

Please add following code to Quick CSS

#top .widget_nav_menu ul ul li:before {
    top: 4px;
    font-size: 30px;
}

Best regards,
Yigit

March 15, 2016 at 10:03 pm #598639

In reply to: Change the bullet size

Hey!

Please change the code to following one

.content-wrapper ul li {
font-size: 16px;
}

Regards,
Yigit

March 15, 2016 at 6:37 pm #598539

Topic: Shortcode not showing up in Advanced Layerslider

in forum Enfold

Imraanio

Participant

Adding shortcode into Advanced Layerslider

Hi,

I have added the following code on a new layer of the Layerslider:

[av_font_icon icon='ue845' font='entypo-fontello' style='border' caption='What is Open Floor?' link='manually,#Why' linktarget='' size='35px' position='right' color='#057ccc'][/av_font_icon]

and nothing shows up.

I added it to the HTML/Video/Audio area under content in the layer

Is there something I need to add? It also doesn’t show up in the preview so I wouldn’t even be able to drag it to the correct position.

March 15, 2016 at 4:00 pm #598435

In reply to: Logo Center | Menü right & left

Merhabalar!

Iyiyim adasim tesekkur ederim sen nasilsin? :)

1- Bir tane API key olusturmaniz yeterli olmasi lazim. Destek konusundada 6 aylik sureniz doldugunda diger aldiginiz lisansin purchase code’uyla kayit olabilirsiniz. Su an hala forum uzerinde calismalarimiz devam ediyor, tamamlanmis degil. Sisteme hesap degistirmeden purchase code yenileme ozelligi konulabilir. Malesef yapim asamasinda oldugu icin benimde fazla bilgim yok :)
2- Sitenizin headerinda border goremedim :/ Sorunu gosteren ekran goruntusu gondermeniz mumkun mu? Dropbox public folder yada imgur.com’a yukleyip linkleri buraya gonderebilirsiniz
3- Lutfen assagidaki kodu Quick CSS bolumune ekleyin

a#scroll-top-link {
    background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
a#scroll-top-link:before {
    display: none;
}

4- Ornekteki gibi bir slider Enfold’da malesef su an yok fakat tek sayfa site olusturabilirsiniz bu ornekte oldugu gibi – http://kriesi.at/themes/enfold-one-page-portfolio/. Bu linke giderek olusturabilirsiniz- http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/. Yardim lazim olursa lutfen haberdar edin :)
5- Fontello.com’da SVG ikonlarinizi yukleyip Enfold’a yukleyebilirsiniz – http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/. Eger buda yardimci olmazsa, yine haberdar edin alternatif yontemleri gozden gecirelim :)
6- Lutfen bu gonderiye goz atin – http://kriesi.at/documentation/enfold/custom-tab-and-toggle-ids-for-prettier-url-hashes/
7- Lutfen assagidaki kodu Quick CSS’e ekleyin

.avia-slideshow-dots { display: none !important; }
a#scroll-top-link { color: orange; background: green; border-color: yellow; }
a#scroll-top-link:hover { color: red; background: orange; border-color: black; }

Cheers!
Yigit

March 15, 2016 at 11:16 am #598303

Topic: button border same length

in forum Enfold

creation_frommelt

Participant

I have two buttons on top of each other. In one button is written “zu den Kurskosten”. In the other “zum Anmeldeformular”. Because they have a different number of letters, they have a different length. Is there a possibility, to make the button border around the words with the same length, that means the length of the longer word “zum Anmeldeformular”? So the button border has the same size, despite the words have not the same length.

#top .avia-button.avia-color-light {
color: #fff;
border: 1px solid #fff;
background: transparent;
font-family: ‘News Cycle’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

thank you.

March 15, 2016 at 8:56 am #598255

In reply to: How to change Footer Widget title font

Rikard

Hi,

You can change the font family for your headers under Enfold–>Advanced Styling, you can set it to all headers or to individual sizes.

Best regards,
Rikard

March 15, 2016 at 8:13 am #598230

In reply to: Enfold Demo Question – full width box with text superimposed on photo

Rikard

Hi,

I think the easiest way for you to get these functions is to import the whole page so that you can check it out and play around with it. If you activate debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/. You can then paste the following code to a new page:

[av_textblock]
<h2 style="text-align: center;">Learn about our Team and Culture</h2>
<p style="text-align: center;">We are a team of dedicated professionals, ready to do what ever it takes to make your business grow</p>
[/av_textblock]

[av_hr class='short' height='50' shadow='no-shadow' position='center']

[av_one_half first]
[av_team_member name='Max Mac Man' job='Co-Founder / CEO' src='http://kriesi.at/themes/enfold/files/2013/04/team-5.jpg' attachment='' description='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ']
[av_team_icon title='Max on Behance' link='http://www.behance.net/' link_target='' icon='246']
[av_team_icon title='Max on Facebook' link='http://www.facebook.com/' link_target='' icon='214']
[av_team_icon title='All Blog Posts by Max' link='http://kriesi.at/themes/enfold/author/kriesi/' link_target='' icon='6']
[/av_team_member]
[/av_one_half]

[av_one_half]
[av_team_member name='Alex Andrews' job='Co-Founder / CTO' src='http://kriesi.at/themes/enfold/files/2013/04/team-8.jpg' description='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ']
[av_team_icon title='Alex on Behance' link='http://www.behance.net/' link_target='' icon='246']
[av_team_icon title='Alex on Facebook' link='http://www.facebook.com/' link_target='' icon='214']
[av_team_icon title='Alex on Twitter' link='http://www.twitter.com/' link_target='' icon='210']
[av_team_icon title='Alex on Google Plus' link='http://plus.google.com/' link_target='' icon='215']
[/av_team_member]
[/av_one_half]

[av_promobox button='yes' label='Contact Enfold' link='manually,#' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='yes' icon='5']
Welcome! This is our dedicated Team. Did we say that we would love to work with you? So dont be shy, get in touch!
[/av_promobox]

[av_one_third first]
[av_team_member name='Frank Furious' job='Art Director' src='http://kriesi.at/themes/enfold/files/2013/04/team-2-300x300.jpg' description='Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <strong>Lorem ipsum dolor</strong> sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. ']
[av_team_icon title='Frank on LinkedIn' link='http://www.linkedin.com/' link_target='' icon='221']
[av_team_icon title='Frank on Facebook' link='http://www.facebook.com/' link_target='' icon='214']
[/av_team_member]
[/av_one_third]

[av_one_third]

[av_team_member name='Kara Kulis' job='Marketing & Sales' src='http://kriesi.at/themes/enfold/files/2013/04/team-3-300x300.jpg' description='Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ']
[av_team_icon title='kara on LinkedIn' link='http://www.linkedin.com/' link_target='' icon='221']
[av_team_icon title='Kara on Google Plus' link='http://plus.google.com/' link_target='' icon='215']
[/av_team_member]

[/av_one_third][av_one_third]

[av_team_member name='Andrea Arkov' job='Public Relations' src='http://kriesi.at/themes/enfold/files/2013/04/team-7-300x300.jpg' description='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. '][/av_team_member]

[/av_one_third][av_one_third first]
[av_team_member name='Harold Houdini' job='Design' src='http://kriesi.at/themes/enfold/files/2013/04/team-4-300x300.jpg' description='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ']
[av_team_icon title='Harold on Twitter' link='http://www.twitter.com/' link_target='' icon='210']
[av_team_icon title='Harold on Dribbble' link='http://www.dribbble.com/' link_target='' icon='223']
[/av_team_member]
[/av_one_third]

[av_one_third]
[av_team_member name='Harra Halloy' job='Development' src='http://kriesi.at/themes/enfold/files/2013/04/team-9-300x300.jpg' description='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ']
[av_team_icon title='Harra on Github' link='' link_target='' icon='204']

[/av_team_member]
[/av_one_third]

[av_one_third]
[av_team_member name='Christian Cilinis' job='Development' src='http://kriesi.at/themes/enfold/files/2013/04/team-6-300x300.jpg' description='Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. ']
[av_team_icon title='Chris on Github' link='' link_target='' icon='204']

[/av_team_member]
[/av_one_third]

[av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/04/photodune-1011301-city-skyline-m1.jpg' position='center center' repeat='stretch' attach='fixed' padding='large' shadow='no-shadow']
[av_textblock ]
<h2 style="text-align: center;">The Office</h2>
<p style="text-align: center;">We recently moved the team to New York. Here is how it looks like if you work with us</p>

[/av_textblock]
[/av_section]

[av_textblock]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient <strong>montes</strong>, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[av_one_half first]
[av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-1544662-interior-m-495x400.jpg' align='center' animation='left-to-right']
[/av_one_half]

[av_one_half]
[av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-654147-presentation-m-495x400.jpg' align='center' animation='right-to-left']
[/av_one_half]

[av_one_third first]
[av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-1524046-modern-office-m-300x200.jpg' align='center' animation='left-to-right']
[/av_one_third]

[av_one_third]
[av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-215555-modern-interior-l-300x200.jpg' align='center' animation='bottom-to-top']
[/av_one_third]

[av_one_third]
[av_image src='http://kriesi.at/themes/enfold/files/2013/04/photodune-757323-living-room-m-300x200.jpg' align='center' animation='right-to-left']
[/av_one_third]

Best regards,
Rikard

March 15, 2016 at 6:20 am #598175

In reply to: But it looks so pretty on the desktop!

Hey A!

Thank you for using Enfold.

1.) Glad you figured this out.

2.) Add this css code to hide the buttons on mobile view:

@media only screen and (max-width: 767px) {
#top .avia-slideshow-button {
    display: none;
}

.responsive #top .slideshow_caption h2 {
    font-size: 11px !important;
}
}

3.) I’m not sure what you meant by this though. Could you please elaborate? A screenshot will help.

Regards,
Ismael

March 15, 2016 at 5:49 am #598158

In reply to: Change the bullet size

Hi bagofdesign!

please use the below css in Quick CSS in enfold options > general styling

content-wrapper ul li {
font-size: 16px;
}

If you still have question please share the link to your site.

Regards,
Vinay Kashyap

March 15, 2016 at 1:07 am #598073

In reply to: Special Heading not centered on mobile even though "centered" is selected

Hi Starkos!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
.av-inherit-size .av-special-heading-tag {
    font-size: 0.6em;
}}

Best regards,
Yigit

March 14, 2016 at 9:54 am #597629

In reply to: Responsive design overlaps page titles

Hi!

The magnifying glass drops down when the browser size is set to 1055px below. We can target that screen size with css media queries:

@media only screen and (max-width: 1055px) {
#top #header .av-main-nav > li > a {
    font-size: 16px;
    padding: 0 10px;
}
}

Regards,
Ismael

March 14, 2016 at 7:48 am #597586

In reply to: Add Icon in exceprt field

Hey!

These are the html markups for the icons:

Mail:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Check:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Info:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Home:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Eye:

<span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Camera:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Notepad:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Graph:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Speedometer:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Marker:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Street Sign:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Globe:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Magnifying Glass:

<span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span>

Cheers!
Ismael

March 12, 2016 at 12:59 pm #597194

In reply to: Add X and tick icons on pricing table

Hi!

Use the rendered html code of the icon shortcodes. This is for “tick” or “check” icon:

<div data-av_icon="" class="table-icons table-tick"></div>

.. and this is for the “x” icon:

<div data-av_icon="" class="table-icons table-x"></div>

Add this css code:

.table-icons {
    font-size: 30px;
    color: red;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: entypo-fontello;
    margin: 0 auto;
}

Regards,
Ismael

March 11, 2016 at 7:44 pm #597010

In reply to: Custom text for logo