Hi Yigit,

Thanks for your reply.

For question 1, I have added this code
* {font-family: "Microsoft YaHei" !important;}

For question 2, I do it according your vedio but failed. It showed this hint: “Couldn’t add the font because the server didn’t respond. Please reload the page, then try again”.

I have tried many time with Enfold 3.4.2 and 4.3.1. But all showed the above hint. I checked someone have solved this problem by FTP way. But it marked as private. https://kriesi.at/support/topic/custom-icons-in-iconboxes/

For question 3, How to change the Social Icon and Blog Share Icon? You konw our Social media is Weibo, QQ, Wechat….. So I need to change it. It is very important to me.

Please help me solve it.

I have the shortcake but i can not use this shortcake one-on-one in my php code.

For example i made a button to use in php code with the following code:
<div class="avia-button-wrap avia-button-center avia-builder-el-0 avia-builder-el-no-sibling EMR4A"><a class="avia-button avia-icon_select-no avia-color-custom avia-size-small avia-position-left " style="background-color: #fec425; color: #000000;" href=" http://www.bdlease.nl/dealer-calculator-standalone/?accountmanager=wilbert-de-nijs&ref=bos-slegers" target="_blank"><span class="avia_iconbox_title">FINANCIEREN? Klik hier</span></a></div>

Is there a code similar like above code to add the social share button shortcode?
THX Freek

UPDATE: found this thread but the solution didn´t work for me.

There´s something weird happening. It appears that my site it´s not loading the css changes I´ve made recently. I moved my site from a shared hosting to my own cloud server, I don´t know if there could be a problem related to this. This is my style.css form the child theme:

/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

/* Every screen resolution*/

.single-post #menu-item-517, .single-post #menu-item-520, .single-post #menu-item-521, .single-post #menu-item-622, .single-post #menu-item-519, .single-post #menu-item-680 { 
display: none!important; 
}

.page-id-571 #menu-item-517, .page-id-571 #menu-item-520, .page-id-571 #menu-item-521, .page-id-571 #menu-item-622, .page-id-571 #menu-item-519 { 
display: none; 
}

.post-entry .big-preview{ 
display: none !important; 
}

li.avia-pricing-row small, .pricing-table li.avia-pricing-row { 
font-size: 40px; 

}

.main_color .pricing-table.avia-highlight-col li.avia-heading-row, .main_color .pricing-table.avia-highlight-col li.avia-heading-row .pricing-extra { background-color: rgb(6, 93, 178); color: #ffffff; border-color: rgb(6, 93, 178); }
.main_color .pricing-table.avia-highlight-col li.avia-pricing-row { background-color: rgb(0, 110, 255);
color: #ffffff;
border-color: rgb(0, 110, 255); }

#menu-item-search {

display:none;

}

/* END OF every screen resolution*/

/*Big screens*/
@media only screen and (min-width: 1341px) {
div#mobilesld {
display: none;
}
}
/*END OF Big screens*/

/*Ipad y Tablets*/
@media only screen and (max-width: 1340px) and (min-width: 769px)  {

.single-post .sidebar, .page-id-571 .sidebar {
width: 30% !important;
}
.single-post .content, .single-post #top .fullwidth .template-blog.content, .page-id-571 .content, .page-id-571 #top .fullwidth .template-blog.content {
    width: 70% !important;
}

div#websld {
display: none;
}
.pricing-table>li { 
font-size: 12px; 
}
.responsive #scroll-top-link {
display: block!important;
}
.iconbox .iconbox_content .iconbox_content_title { 
font-size: 14px!important; overflow: visible!important; 
}
#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
height: 40px;width: 40px;line-height:40px;
}
#top .iconbox_content p{
font-size: 12px;
}

li.avia-pricing-row small, .pricing-table li.avia-pricing-row { 
font-size: 30px; 
}

}
/*END OF Ipad y Tablets*/

/*smartphones*/

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

.single-post .content, .single-post #top .fullwidth .template-blog.content, .page-id-571 .content, .page-id-571 #top .fullwidth .template-blog.content {
width: 100% !important;
}

div#testimonials {
display: none;
}

li.avia-pricing-row small, .pricing-table li.avia-pricing-row { 
font-size: 25px; 
}
.iconbox .iconbox_content .iconbox_content_title {
 font-size: 11px!important; overflow: visible!important; 
}

.blogface .image-overlay {
background: #d82028!important
}
.blogface .image-overlay .image-overlay-inside {
 display: none!important
}

.blog-categories.minor-meta, .text-sep.text-sep-cat, .blog-author.minor-meta {
display: none!important;
}
}
/*END OF para smartphones*/

• This reply was modified 10 years, 6 months ago by charliergarcia.

Thanks for the very quick reply, Yigit.
One issue though: I have a lot of icon boxes throughout the site. I only want to apply the centering selectively to icon boxes that I have marked individually with the custom CSS “destination-iconbox”
Can you tell me how I modify the code above to do that?

Thanks,
Jennifer

Hi Rikard !

Nothing has changed yet.
I still need to find a way to change the border radius of the content slider on the main page as written in the first post.
With Guennis help we already fixed part two – changing the border radius of the iconboxes.

We also could change the border radius of the content slider directly in developer tools.
But the changes in the custom css box get ignored …

So I still need to find a way to permanently change the border radius of the pictures in the content slider.
Above you see the complete content of my custom css box …

Thanks & sorry for the German discussion …
Tom

Hi Guenni !

Nein ich habe es nicht verändert !
Wie gesagt – Ich konnte es genau wie Du direkt im Browser nachvollziehen – nur eben nicht wenn es über die Custom-CSS-Box eingegeben wird.

Hier der Inhalt meiner custom css box:

@media only screen and (min-width: 1140px){
.avia-testimonial-wrapper{
width: 1030px;
}
}
 
body div .avia-button { background-image: none; }
 
.av_promobox { margin: 20px 0; }
 
body div .avia-button:hover { background-color: #88BBC8!important; color:white!important; border-color: #88BBC8!important; }
 
p.form-allowed-tags { display:none; }
 
.grid-entry .inner-entry {
box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2);
}
 
$avia_config['font_icons'] = apply_filters('avf_default_icons', array(
                'scrolltop'            => array( 'font' =>'entypo-fontello', 'icon' => 'ue876'),
));
 
.avia-content-slider .slide-image {
border-radius: 20px !important
}

.iconbox_top .iconbox_content {
    border-radius: 20px
}

LG
Tom

Hi Guenni!

Du hast natürlich absolut recht – das kann ich auch in Chrome nachvollziehen:
Er zeigt mir erst 3px border-radius an …
Wenn ich das manuell auf 20px ändere, sieht es perfekt aus !
Aber was nutzt mir das, wenn es nicht funktioniert, nachdem ich es in den Custom-CSS settings ( auch mit !important eintrage ?! :-)
Und da Du mir netterweise die Änderung bereits “mundgerecht” für copy/paste angegeben hast, kann es auch kein Fehler mehr von mir sein ;-)

Die iconbox-settings zum border-radius werden super berücksichtigt – die für den content-slider leider nicht :-(

Mal so zwischendurch vielen Dank für Deine Hilfe !!! :-)

LG
Tom

• This reply was modified 10 years, 7 months ago by ideenstart. Reason: Tippsfehler ;-)

Helo Rikard,
This is the code of button added as enfold element (drag & drop):
<span class=”avia_iconbox_title”>Watch Our Video Tour</span><span class=”avia_button_icon avia_button_icon_right” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>

It’s open a link (movie on vimeo) in lightbox. That’s great.

I copy class names to my custom link added to text editor in post:
Watch Our Video Tour

And after I click this link, lightobx is not opening (page reload to the given link).

What em I do wrong?
BR
Peter

ok i have to do so as if there was a link in the iconbox

.customclass .iconbox_content_container  a {
pointer-events: none !important;
color: #666 !important
}

• This reply was modified 10 years, 8 months ago by Guenni007.