Hi hostworks,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #header .av-main-nav > li.current-menu-item.av-menu-button > a,
#top #header .av-main-nav > li.current-menu-item.av-menu-button > a .avia-menu-text {
color: #fff;
}
If you need further assistance please let us know.
Best regards,
Victoria
i want the header looking like that:
logo: left
Menu (burger menu symbol and search symbol). right
header widget (button): right
The menu should be directly beside to the button in the header widget.
I added a header widget and a button in it.
I cannot find the right header CSS for this layout.
I tried css from here: https://kriesi.at/documentation/enfold/header/
Important: Also working responsive (no overlapping on mobile)
Thanks, greets
-
This topic was modified 5 years, 11 months ago by
eventplaner.
Hi, I’m using the default post template. I tried to use this code to change the icon style but it didn’t work:
any ideas?
Hi rob,
We apologize for the delayed response.
I tried to look into Enfold if there should be anything that causes when it comes to sending email however I could not find any as enfold uses the default wp_mail used by WordPress which is only actually used if you use an Enfold Contact form.
Also, I can’t seem to follow everything, since I can’t understand german language but maybe you can tell us only the important details like:
– Where do you set GTC and revocation instructions? is it in Woocommerce > Settings > Germanized > edit Revocation Terms Generator? or somewhere else?
– You mentioned it should be inserted as continuous text and not pdf attachment at the end of the email, is this set in Woocommerce > Settings > Emails > Order Confirmation (manage button)? if yes how do you insert it? is there some code like {order_number}? a screenshot with an English title would most likely help.
– I looked at the text file and not really sure which one is showing the correct email and the incorrect email, is Widerruf.txt showing the correct content of the email? I tried to run diffchecker to compare the contents though I expected them to have similar content but the other one has some extra content with the revocation but the contents seems entirely different.
Best regards,
Nikko
Hey Maureen,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-cookie-consent .avia-cookie-consent-button, .avia-popup .avia-cookie-consent-button {
padding: 0.4em 1.1em;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hey gentlemansgazette,
You can upload the icon and add it to the social profiles.
Here are the docs for you:
If you need further assistance please let us know.
Best regards,
Victoria
Hi there,
I recently ditched my facebook page and was looking for an alternative to enable feedback and discussions on Twitter. I found the “Discuss on Twitter” plugin (https://wordpress.org/plugins/discuss-on-twitter/#installation), which is brand new and looks pretty promising.
In order have the “Discuss on Twitter” button appear at the end of my single posts, I would need to add the following line of code:
<?php if (function_exists(‘discuss_on_twitter_button’)) { discuss_on_twitter_button(); } ?>
to the “single.php or similar”.
Could you guys perhaps point me in the right direction and tell me to which file I would need to add the code and where?
If possible, I’d like to have this added after the Social Media icons.
I know the questions concerns a third party plugin, but since the developer isn’t familiar with the Enfold theme, I was hoping that you guys could help me out here. Many thanks.
Thanks guys!! I combined both of your solutions and played with the percentages and that worked great. I did add a @media query for mobile only as well and took Victoria solution and made the percentages 100% for that one. (Just for anyone else that might want to do this.)
Thanks for all of the advice. You guys are fantastic!
This is specifically what I added to enfold CSS:
/*Victoria’s Solution */
#element_avia_1_1 {
width: 48%;
margin-right: 10px;
}
#element_avia_2_1 {
width: 50%;
}
#element_avia_3_1 {
width: 48%;
margin-right: 10px;
}
#element_avia_4_1 {
width: 50%;
}
#top .avia_ajax_form .first_form {
clear: none;
}
/*Rikard’s Solution */
@media only screen and (min-width: 768px) {
.home #av_section_1 .container {
padding: 0 20%;
}
}
.home #av_section_1 .container .button {
width: 100%;
font-size: 20px;
}
/*My Addition for mobile */
@media screen and (max-width: 500px) {
#element_avia_1_1 {
width: 100%;
margin-right: 10px;
}
#element_avia_2_1 {
width: 100%;
}
#element_avia_3_1 {
width: 100%;
margin-right: 10px;
}
#element_avia_4_1 {
width: 100%;
}
#top .avia_ajax_form .first_form {
clear: none;
}
}
Hi,
Can you provide a link to your site/page in question? Also see the following:
Best regards,
Jordan Shannon
Good afternoon! Please tell me how or where in this topic https://kriesi.at/themes/enfold-construction change the color of the bar where the menu and search is located,and also make the buttons a different color and not so rounded. Thanks!
Hey bagha,
Please try the following in Quick CSS under Enfold->General Styling:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
color: #ffffff !important;
}
Best regards,
Rikard
Hey creativeopole,
Here are the docs for you:
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Mike,
really kind. I followed your instructions on the child theme folder.
However, I still can’t see the button to add social icons to the header, on the dashboard of the Enfold Child theme Options.
Do you have any suggestions?
Best regards
P.S.: when you say “style.css & functions.php should be mostly empty except the comments.”
what do you mean by “comments”? Sorry for my misunderstanding.
You see here the instruction : https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options
and scroll a short distance to : In case of using an image
i actually always recommend to use pictures when there are only one or two additional icons.
You see at the very end of parent functions.php file :
/*
* register custom functions that are not related to the framework but necessary for the theme to run
*/
just after that ( but before functions-enfold.php is required ) you can add your custom snippets.
_____________
But :living the world of WordPress is so much easier if you take advantage of a child theme. So I would recommend you to set one up.
The clear advantages greatly outweigh the few disadvantages. Last but not least because of the preservation of all changes even after updates of the parent theme.
Enfold makes it quite easy for you to change even advanced installations to a child theme.
Hi Heimkinopartner,
Thanks for giving us access.
After checking it, it does not seem possible to have the “Anfrage stellen” go before the Paypal button because of its current structure, maybe you can use a woocommerce hook to move that button after the “In den Warenkorb” button, but you may need assistance from the Yith plugin support for that.
But aligning the Paypal button can be done by adding this CSS code in Quick CSS, located in Enfold > General Styling:
#top .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
}
Best regards,
Nikko
Hi,
Thank you for the update.
We just noticed that the site is using an older version of the theme, v4.5.7. Please try to upgrade it to the latest version, v4.7.3. The upgrade might help fix the issue with the product buttons.
If you can’t see the automatic update in the theme options, try to update the theme manually via FTP.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
Ismael
Hey Victoria,
If its possibile I don’t want to work with the layer slider and with the other full-width Enfold sliders it is not possible to use video, text and buttons like in the color-section.. Is there not a solotion for the color-section to work?
Wkr Tim
Hi
I found this ticket: https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
to create a page on which I put the button link and text content to open into a lightlbox popup.
That works when I create a test page. But can I have the same popup to open when I select one of my main menu option?
For example, here’s a link to my website: https://silviafindings.com/
I would like visitors/customers to see the following popup when they select the “Settings Findings” menu item: https://silviafindings.staging.wpengine.com/test-popup (a test page I created on my staging server).
Can I do this with the Enfold theme and how would I do it?
Thanks
Lyse
Hello,
I just started setting up Enfold. I also downloaded the child theme, installed and activated it. Inside the wp-content/themes folder, I copied the files from the Enfold folder and pasted them into the Enfold-child folder. I don’t know if it’s connected but now, after some work, I’m in the Enfold Child Theme Option> Header > Extra Elements> Header Social Icons section, I don’t see the button to display the social icon in the top bar. I only see the link to choose which social accounts to link to the respective links.
The only changes I had made using the codes, is the inclusion of the iubenda cookie solution in the header.php (directly from File manager)
I hope I have provided you with useful information: I am not an expert and I don’t know where to look! Can you help me?
I thank you for your kind attention.
Bye
-
This topic was modified 5 years, 11 months ago by
telliPra.
After deactivating all plugins, the “Update Available!” message is shown for Enfold. So far so good. But the weird thing is:
I restored the old version of the whole installation (via Updraft) again. It’s the version that I exported from the original site before (Mar 19, 2020 16:14), so in theory, the website should be the exact same as before, let’s say the original clone, with all plugins activated.
Enfold shows there immediately “Update Available!” which it didn’t before, as you know (and which it still does not for the original website, by the way).
I suppose the update issue has nothing to do with the other plugins but somehow with the update mechanism itself. I observed similar strange behavior many times before on various other websites in the last couple of months: Sometimes Enfold updates are indicated and sometimes they are not. Sometimes the button “Revalidate or remove the token” helped and sometimes it did not.
What do you think?
Hey ksakkos,
Switchback first in PHP 5.6 since Enfold can still work in that version.
Then backup your site before doing any updates, then update WordPress.
Also since you are still using Enfold 3.08 most likely you can’t update to the latest version in Enfold > Theme Update since envato has already changed their API, so you’ll have to do these process:
- Unzip the zip file you have downloaded from Themeforest
- Open the unpacked folder produced by unzipping the file and you should find enfold.zip file
- Go to your site, and in the Dashboard, go to Appearance > Themes and click the Add New button
- Click the Upload Theme button then click Choose File and upload the enfold.zip file
- Install and Activate the theme
Hope this helps.
Best regards,
Nikko
Hey aintzerga,
You need to upload the icon font through the theme options and then add the code to the functions.php file.
Here are the docs for you:
Best regards,
Victoria
Hi vantagepointmg,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){
#full_slider_1,
#full_slider_1 .av_slideshow_full.avia-slideshow,
#full_slider_1 .avia-slideshow-inner,
#full_slider_1 .avia-slideshow li,
#full_slider_1 .avia-slideshow li img {
min-height: 250px;
}
#full_slider_1 .avia-slideshow li img {
width: 140% !important;
max-width: auto;
}
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 10px;
}
#top .avia-slideshow-button {
padding: 10px;
margin-top: 10px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi a1mueller,
Please do the following after making a backup:
- Unzip the zip file you have downloaded from Themeforest
- Open the unpacked folder produced by unzipping the file and you should find enfold.zip file
- Go to your site, and in the Dashboard, go to Appearance > Themes and click the Add New button
- Click the Upload Theme button then click Choose File and upload the enfold.zip file
- Install and Activate the theme
Best regards,
Nikko
Hi There,
First of all, I love the Enfold theme! I have a question: On one of my websites, the preview function is not working properly.
It is only on the homepage. I see a very old version of the homepage when I preview my changes. I cleared my cache, deactivate all my plugins, refreshed the page with command + shift + R. But no result.
Can someone help me out?
Thanks!
Hey,
Thanks for contacting us!
Could you please create temporary admin logins and post them here privately?
Issue seems to be related to Enfold’s quantity buttons. I will report the issue to our devs. I could reproduce the issue on my local installation and after saving woocommerce-mod.js file, it started working correctly.
Regards,
Yigit
Support,
Is it possible to achieve this kind of menu in your theme? also any advice on that of button effects they use, is there a plugin for that or I have to manually deal with the css.
https://www.wadiadventure.ae
Regards,
Phil
Hi,
Thanks for the screenshot. Please try the following in Quick CSS under Enfold->General Styling:
#full_slider_1 a.avia-slideshow-button-2:hover {
background-color: red;
color: white;
}
Best regards,
Rikard
I use an enfold e-commerce theme but the buttons don’t appear as in other enfold themes.
this is my site:
https://ibb.co/qRTQc4G
this is what I would like to achieve:
https://ibb.co/sKvNGYr
(the button of the bottom on product)