Hi,
Thank you for the links! This makes things clearer. :)
Please use this code instead:
.header_color .main_menu ul:first-child > li > a {
font-size: 12px;
text-transform: uppercase;
}
#top #wrap_all #footer .flex_column a{
font-size: 14px;
text-transform: uppercase;
}
You can change the font size according to your preference.
Best regards,
Sarah
Hey unlimited1,
Try this instead for your footer:
footer .menu a {
color: white;
font-weight: bold;
text-transform: uppercase;
}
For the main menu, you can try to use this documentation as basis: http://kriesi.at/documentation/enfold/change-the-main-menu-color/
This support thread might also be of interest to you.
If you need further help, please give us a link to the website in question so we can take a look.
Best regards,
Sarah
Hi,
Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey apremierdj,
You can create an exclusive ID to this pop-up and change the position using the position: relative property with some top or bottom values.
Best regards,
John Torvik
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hey automatedcontacts,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.responsive #top #header_meta .social_bookmarks li a {
color: black;
}
}
Best regards,
Rikard
Hi,
I have checked your site and I can’t see any plugins to update and can’t test the error. However I have applied the solution I did on this thread: https://kriesi.at/support/topic/error-message-when-update-plugins/#post-790808 (and you both have similar issues). If there’s an available update for the plugin try to update it and let us know if the error still appears. :)
Best regards,
Nikko
Hey Vikab,
Did you try the suggestions in this thread? https://kriesi.at/support/topic/woocommerce-3-0-03-0-1-and-the-images-issue/
Best regards,
Rikard
Hey Els,
You can change it in enfold/config-templatebuilder/avia-shortcodes/contact.php in line 387, the code should look like this:
$elements['avia_age'] = array('type'=>'captcha', 'check'=>'captcha', 'label'=> __('Please prove that you are human by solving the equation','avia_framework' ));
Just replace the text.
But if you want the customization not be lost during the update I would suggest you do this (process is longer), it would require that you use a child theme first: http://kriesi.at/documentation/enfold/using-a-child-theme/ then override the Enfold’s Contact Form in the child theme by using this method: http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/ in this case you should copy contact.php from the Enfold theme to the shortcodes folder of the child theme then edit contact.php as what I have suggested on top. And that should be it. Hope this helps :)
Best regards,
Nikko
Hi,
You can add this css code in Quick CSS (located in Enfold > General Styling):
#fulsekcija .container {
max-width: 100%;
padding: 0;
}
However, if you want to use this method to other sections as well I would suggest you enable Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ then give it a class name for example fullwidth-section
then in Quick CSS add:
<pre><code>#top .fullwidth-section .container {
max-width: 100%;
padding: 0;
}
And you just add this class to each section you want to be full width. I hope this helps :)
Best regards,
Nikko
Hi,
i read through the forum and there are a view related answers. I found this thread, but it does not work with my enfold.
https://kriesi.at/support/topic/new-blog-layout-cant-make-featured-image-full-width/#post-309499
I want to do the Blog-Design the way, that:
– feature-image is 100% full-size
– and the text is over the featured image
Hey smallisland,
Add this update to quick css
@media only screen and (max-width: 767px) {
.html_header_top #top .av_logo_right .logo {
right: auto;
left: 50%;
margin-left:65px!important;
}
}
Best regards,
Jordan Shannon
Hi, I’m sorry but I had assistance with this on another thread but didn’t realize when I checked the phone it hadn’t refreshed so need to open this up again:
https://kriesi.at/support/topic/logo-center-menu-left/
The code Nikko gave me worked perfect on desktop, but I had spoken too soon as when I originally checked it on my phone, I thought it looked fine, but I don’t think it refreshed. Now when I look at it on the iPhone 5, 6 and 7 the logo is cut off and only the right end of it shows.
Here’s the code Nikko gave me:
.html_header_top #top .av_logo_right .logo {
right: auto;
left: 50%;
margin-left: -128.5px;
}
Thank you!
Hi,
Sorry it was a formatting error. Try the update below.
@media only screen and (max-width: 767px){
.post-entry.post-entry-type-page.post-entry-2890{
margin-top:50px!important;
}
}
@media only screen and (max-width: 767px){
.responsive .logo img {
max-height: 40px;
}
}
Best regards,
Jordan Shannon
Hi guys, please see private content.
Hi,
Add the following to quick css
@media only screen and (max-width: 767px){</span>
.post-entry.post-entry-type-page.post-entry-2890{
margin-top:50px!important;
}
}
@media only screen and (max-width: 767px){</span>
.responsive .logo img {
max-height: 40px;
}
}
You can adjust the max height to adjust logo size as the width is set to auto.
Best regards,
Jordan Shannon
I’m using the menu/logo on the right but I want it to stop once we get past the opening full width image. Currently the menu bar extends all the way down in the content area which means I have an big empty sidebar as the user scrolls. How do I get the content area to be full width after a point and the menu sidebar to stop?
Well if i do that the rule will be set by:
#top #header .av-main-nav > li > a {
font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
so try to do it via quick css without that alternativ fonts:
#top #header .av-main-nav > li > a {
font-family: "Salsa";
font-size: 16px;
font-weight: normal;
}
or do you mean the menu font on mobile menu (mobile-advanced) ?
#mobile-advanced a, #mobile-advanced .mega_menu_title {
font-family: "Salsa";
font-size: 16px;
font-weight: normal;
}
-
This reply was modified 8 years, 10 months ago by
Guenni007.
Hi,
That’s weird, it shouldn’t be a problem on version 5.6, anyway, can you try the solution on this thread: https://kriesi.at/support/topic/http-500-error-on-my-wp-admin-page-after-upadate-the-theme/#post-787474
Let us know if this helps :)
Best regards,
Nikko
Hi enfold team,
I’m sorry to ask but I cannot find the solution by myself.
I try to replace the mail and instagram icon in the header.
After adding the icons and put that code in the function.php of the child theme :
// Changer les icones socials———————–*/
function avia_add_custom_icon($icons) {
$icons[‘icon-mail’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘social_icon’] = ‘icon-mail’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
function avia_add_custom_icon($icons) {
$icons[‘flaticon-instagram-social-network-logo-of-photo-camera:before’] = array( ‘font’ =>’flaticon’, ‘icon’ => ‘uf100’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘social_icon’] = ‘flaticon-instagram-social-network-logo-of-photo-camera:before’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
What do I do wrong ?
Thanks in advance,
Best regards,
Clément
Hello Enfold team :)
I want to set salsa or another Google font to mobile menü.
I set up salsa to menu items and on desktop it works fine. In mobile menü it seems like there is shown a default font?
Can you help please? :)
Tia,
Tobi
I have followed this bit of help:
It’s been over a month since WooCommerce 3.0 released, and Enfold still hasn’t been updated. My product gallery images open in a lightbox instead of replacing the main image, like the new WooCommerce gallery is set to do, and it looks *terrible*. The main image is fine and has the zoom effect, the other images open right up into the lightbox. It’s unprofessional and sloppy looking. It’s cringe-worthy.
Link to product with a gallery image below.
I’m NOT looking for code or a temporary fix or anything else like that, I’m looking for an estimated date that Enfold will be updated to support the WooCommerce 3.0 gallery. Thank you.
Hi,
Glad to hear that you managed to fix it :) Let us know if you need more assistance related to this topic or if we can close this thread.
Best regards,
Nikko
Hi,
Thanks for providing admin and ftp access. I guess the blurred image you are referring to are product images? (example link in private content) I have modified enfold/config-woocommerce/config.php, the changes I made is similar to what I changed in this thread: https://kriesi.at/support/topic/picture-on-single-product-pages-blurry/#post-790948
Let us know if it’s all good on your end or if you need more assistance :)
Best regards,
Nikko
-
This reply was modified 8 years, 10 months ago by
Nikko.
Hey BPC,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (min-width:768px) {
#header_main_alternate {
z-index: 200;
}
#menu-item-search {
position: relative;
top: -65px;
left: -50px;
}
}
Hope this helps :)
Best regards,
Nikko
Hi,
Just added body{display:none} to styles.css (at the very top), and then body{display:none} to quick css. No changes were made beside that.
Best regards,
Jordan Shannon