Hi,
Sorry, I can’t see your image as the link is not working correctly. Do you have it working now?

Best regards,
Mike

Hi,
I see the error in your code and corrected. Please see private Content area.
To test the font on your HOME page “HELLO and WELCOME” I added this code to your Enfold Theme Options > General Styling > Quick CSS field:

.avia-builder-el-8 h1.av-special-heading-tag {
font-family: 'riposteregular'!important; 
}

Please clear your browser cache and check that this is correct.

Best regards,
Mike

Hi,
It looks like on line 108 of your custom css you have this:

.entry-content-wrapper li{margin-left:0px!important;}

Please remove, it is causing the error.

Best regards,
Mike

Hey annameis,
Use a Full Width Button element and add this to Quick CSS to remove the button background so the grid cell background is visible:

.flex_cell_inner .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center a{
height: 400px;
}

adjust the link height to suit.

Best regards,
Mike

Hi,
Which page is this on & which browser are you using?

Best regards,
Mike

Hi,
Thanks for sharing your solution, shall we close this then?

Best regards,
Mike

Hi,
Your code in the Private Content area contains:

/*

with no closing tag so it won’t work. This is the comment tag, and it will deactivate all rules until the next

*/

Please check.

Best regards,
Mike

Hi,
I tested the code from the post:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

on a clean install and it is working, perhaps in your copy/paste your quotes turned into curry quotes?
Try changing with FTP.

Best regards,
Mike

Hey Kevinmve,
Try this code in the General Styling > Quick CSS field:

.av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
    color: #fff !important;
    font-size: 16px !important; 
    font-family: HelveticaNeue !important; 
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey taylorchiu,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0px !important; }

#top .avia-slideshow-arrows a {
    margin: -30px -35px 0 !important; }
}

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

div.entry-content-wrapper {text-align: center !important; }

I don’t have access to a mac, so if this doesn’t work please post your other code that didn’t work for mac & I will ask for mac members to review.

Best regards,
Mike

Hi,
I found this post that discuss your issue, and it points to this code to solve it. But I don’t want to try it without your FTP access to undo the code should there be issues.
Can you try the solution or include your FTP access in the Private Content area so I can try?

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.ls-button-widget-container {display: inline-block !important; float: right; top: 70%;}
#ls-button-widget-ls_button_widget-3 {margin-right: 10px}

Best regards,
Mike

Hi,
Please try removing the custom css and going to the accordion styling tab and choose “Define Custom Colors” and make the background-color gray (#f1f1f1)

then try this css:

#top.postid-9297 .toggler {background-color: #169D72 !important; }

this is only for that one page, change or remove “.postid-9297” if you need it for other pages.
This is the test results:

Best regards,
Mike