Hi,
Is there CSS code which would permit me to customize the color of links and mouseover for The Events Color plugin? The default color for links for this plugin is blue which does not match the enfold theme color scheme.
Thanks!
Hi Support,
Going to update my site with the new enfold but are having some trouble with the Masonry Gallery.
Want it to look like the current one don´t know why its just two columns and the thumbnails size is bigger on the new site.
What have I missed, please take a look.
Links to the websites in private content.
//Cheers
This reply has been marked as private.
Hey EisaSawyer!
Please go to Enfold theme options > Advanced Styling and edit “Main Menu Links”
Edit: You can also add following code to Quick CSS
#top ul:first-child > li:hover .avia-menu-text {
color: #ef0400;
}
Cheers!
Yigit
-
This reply was modified 11 years, 10 months ago by
Yigit.
Hey rhysbowen!
1- Can you post the link to your website and post a screenshot and show how you would like it to look?
2- Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
div.slide-entry-excerpt.entry-content { font-size: 19px; }
Cheers!
Yigit
Hey felipemillan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
@media only screen and (max-width: 480px) {
h1.av-special-heading-tag {
font-size: 30px!important;
}}
Best regards,
Yigit
Hey Ivana!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 7px; }}
and please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Regards,
Yigit
Hi, I have problems with responsive fonts

I set the fonts to 60px for the header but the responsive site do now resize and looks really bad :-(
Can you help me?
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1024px) {
#advanced_menu_toggle, #advanced_menu_hide { display: block; }
.main_menu { display: none; }}
Regards,
Yigit
Reminder:
Adding contact form feature to the Ajax portfolio could be a great point in differentiating Enfold from other themes. Please solve the issue as I have limited time to finish and deliver my project.
Thanks,
Amir
Hi Philip!
Yes, you need to use a plugin or script which will reserialize the data that is serialized. We recommend WP MigrateDB on the docs here: http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/
Regards,
Devin
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 1140px) {
.main_menu ul:first-child > li > a { padding: 0 7px; }}
Best regards,
Yigit
Hey Richard!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_textblock {
-webkit-transform: translateZ(0);
}
Cheers!
Yigit
Hello
Thanks for your answer.
It might be the same font, but not the same size or something. It did look different in previous versions. Exactly the same as the default font set in the admin panel, just bold and colored.

Hey robertwood04!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#footer div .av_one_half:nth-child(1) { width: 58%; }
#footer div .av_one_half:nth-child(2) { width: 38%; margin-left: 4%; }
Cheers!
Yigit
i understand it for the custom post type “portfolio” what is inbuilt in enfold theme. but how do it, for a complete own custom post type like “books” or products i created for example with the custom post type plugin “WP-Types” or another Custom post type plugin?
i need custom filelds but still using avia layout manager on it….
?
Hey!
The LayerSlider isn’t anything we wrote so it doesn’t have the same general elements that the other slideshows do.
As for the ID, you add the ID to the color section like on the docs example here: http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
That gives the color section an ID you can then easily target the elements inside of it with. For mobile the video elements on the fullwidth slideshow specifically mention that they aren’t supported on mobile:
Video on most mobile devices can't be controlled properly with JavaScript, which is mandatory here, therefore you are required to select a fallback image which can be displayed instead
Which is why there is an option for a fallback image.
Best regards,
Devin
Hi Tom!
You are currently using an older version of the theme. Please update Enfold to the latest version 2.8.1 via FTP – http://vimeo.com/67209750
Regards,
Yigit
Thanks. Actually I managed to remove the footer by editing the front page and choose ‘hide footer show socket) on the right hand menu. It seems that the enfold settings dashboard only hides the footer on all pages but not the front page.
One new question (and I have looked around the forum before I posted this). How can I hide the slider on mobile phones? The font is too small to be read. Thanks.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
div.slide-entry-excerpt.entry-content {
color: red;
font-size: 19px;
}
Best regards,
Yigit
Hey Tim!
Please go to Enfold theme options > Header Layout > Header Layout > Menu and Logo Position and choose “logo left, menu below” then post the link to your website please so we can provide you accurate custom CSS code
Cheers!
Yigit
Hi dankershaw!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.image-overlay { display: none !important; }
Cheers!
Yigit
Hi silviouk!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.page-id-734 #header_main { background-image: url(https://www.menucool.com/slider/prod/image-slider-5.jpg); }
You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
Best regards,
Yigit
Hey studioinktvis!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .av-main-nav > li > a:hover {
background: red;
border-radius: 100px;
}
Regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.logo { pointer-events: none !important; }
Best regards,
Yigit
Hello.
I created a new testside by copying all files and migrating the database. I run sql queries on the database to modify all url to new url.
For older wordpress templates this used to work without any problems. Now, I guess with Enfold theme, because its more sophisticated there are some things which are missmatching.
Could you compare the two links in “private Content”. On the second one, on top you can see the top header is missing. Logo is lost and at the bottom the test site has 4 footer columns instead of 3.
Is there an additional enfold database which i need to migrate?
Thanks for your support!
Philip
Hello.
I fixed the problem.
https://kriesi.at/support/topic/social-icons-fontello-not-working-in-firefox-enfold-2-5-4/
<FilesMatch “\.(eot|otf|woff|ttf)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>
Thank you for your help
This change works with 2.8.1 enfold? because it does not work.
We must add the code in the functions.php file?
/enfold/functions.php
add_filter('avf_logo_final_output', 'avf_text_logo_final_output');
function avf_text_logo_final_output($logo) {
$link = apply_filters('avf_logo_link', home_url('/'));
$logotext = "THIS IS MY LOGO";
$subtext = "THIS IS THE SUBTEXT";
$subtext = "<span class='subtext'>$subtext</span>";
$logo = "<h1 class='logo bg-logo'><a href='".$link."'>".$logotext."$subtext</a></$headline_type>";
return $logo;
}
-
This reply was modified 11 years, 10 months ago by
Alex.