Hey Terra,
There are many lightbox plugins but you don’t need any, it can be easily achieved with just the enfold theme features.
1. Please create a new page with your text or gallery in it and hide the header and footer from the right sidebar options.
2. Use an icon, button or image element and set the new page link in there and select open in the same window.
3. Just add “?iframe=true” to the end of the page link http://site.com?iframe=true
Best regards,
Vinay
Hi!
To add the button to the header you can add a widget area there and style it the way you need. Here is how you can do it.
If you need further assistance please let us know.
Best regards,
Victoria
@martin_e83 I tried the ‘shop >’ button and confirm the issue. However this seems not to be a pure Enfold issue. I just checked the wordpress shortcode parser and there you need to use ‘& g t ;’ because an angle bracket brakes the attribute parser. The problem: If you use ‘& g t ;’ it will be displayed as angel bracket next time you open the editor and voila saving the post will break the code. This is an interesting issue that needs some intensive testing with other themes and some self developed shortcodes to test different scenarios.
Hi Victoria,
Thank you for your response. Well I can agree that icons may be more appropriate since “greater than” in this case does not make any sense in a purely semantic meaning. However, my customer wanted the text of the button to be “Read more >” and apparently several others had the same need and found the same problem with the Enfold theme since then.
Greater than is very much a valid character if handled correctly and escaped. You can see from my initial question that I wondered if it’s a conscious decision to not handle angle brackets like it is usually handled in texts but instead letting it pass unescaped and breaking the html. The response I got was “can i get access to your site”, which was not really the response i was hoping for. I guess this is not really leading anywhere but if people continue to reply to this thread I hope you can consider escaping angle brackets correctly (eg converting them to & gt; on save).
Best regards
Martin
Dear Victoria,
Ofcourse: http://www.chinastages.nl ( but I’ve got my website offline at this moment for construction )
I just use the standard Contact Form from Enfold but the standard “send” button is red, I would like to change this button to green.
– My second question is: when I click on “send” it says in english shortly “sending” can I change the text “sending” to something else too?
Thanks!
@martin_e83 I just tested this with the button element from enfolds layout architect and put ‘< shop >’ into the text field. The button shows the text on the web page. I have than added addditional elements to the site and saved again multiple times. The text on the button did not change and shows ‘< shop >’ all the time.
Hi Victoria, Rikard and others that reply to this thread. The proposed fix was already in my original message from 2015. However I also state that this fix is temporary, it will work once but in any later updates to the page the & gt; will be read as an angle bracket character and we are back to square one…
This has nothing to do with any local installation (so don’t bother asking for a login to my site). It can be tested in any installation of the Enfold theme (just tested it in the most recent version 4.0.5 and the problem is still there). The correct fix is to make a code change in the themes Button module to convert angle brackets to html entities.
I’d like to keep what I’ve worked up so far for my simple t shirt site (Homepage, About, Contact and Shop pages). I have a Shop button already set up in the menu, so is it possible to set it up where I could work from the demo pages when you click Shop on the Enfold Shop demo? Or would I have to import the demo and then start over from scratch? Thanks.
I just launched a new website for a client using the Enfold theme. We’ve been able to find resolutions for any issues via the threads on the support platform except this one. When someone submits a Get A Quote form from their iphone, it takes 30 minutes to arrive to the client’s email. Their industry is highly competitive and they try to respond to requests immediately. A 30 minute delay is way too long. Is this something that has been addressed before? To test it, you can go to the homepage on an iphone, click the get a quote button and submit the form.
Thanks for your help.
The following solution removes Enfolds custom functions for the image display of products and variations to restore the new image display starting from WooCommerce 3.0.0 including the new zoom feature and the WooCommerce native lightbox.
- Use only with WooCommerce Version 3.x.x
- Use only with Enfold version 4 to 4.0.5
If you just want to fix the basic image issue please stick with my first solution.
If you are curious and want to use the new zoom and lightbox feature from woocommerce continue reading.
—————————————————————————–
If you do NOT have a Child Theme
1. Download https://mensmaximus.de/dokumente/enfold/enfold-child-wc3.zip
2. Login to wordpress and select Appearance -> Themes in the admin menu
3. Click on ‘add new’ (top left of the theme page)
4. Click on ‘upload theme’ (top left of the theme page)
5. Click on the file select button and choose the enfold-child.zip file from step 1
6. Click on ‘Install now’
7. Activate the Enfold Child Theme after the installation has finished
8. Follow the instructions from http://kriesi.at/documentation/enfold/using-a-child-theme/
9. You are done. Have fun with the new features
—————————————————————————–
If you already have a Child Theme
1. Copy the following code block to the functions.php file of your child theme
/*
Woocommerce 3.0.0 Compatibility Fix
Remove Enfold's custom functions that conflict with the new image display in WooCommerce 3.0.0
*/
global $woocommerce;
if( version_compare( $woocommerce->version, '3.0.0', ">=" ) ) {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_woocommerce_post_thumbnail_description($img, $post_id){
return $img;
}
}
2. Copy the following code block to the style.css file of your child theme
.woocommerce-product-gallery__trigger{
position: absolute !important;
top: 1em;
left: 1em;
z-index: 99;
}
3. Download https://mensmaximus.de/dokumente/enfold/enfold-child-wc3.zip and unpack the file
4. Connect to your hosting account via ftp and navigate to your child themes directory
5. If the child theme directory does not contain a directory called woocommerce you can simply copy the woocommerce directory from my child theme (step 3) to your child themes directory. Otherwise you need to check whether the woocommerce directory in your child theme contains a directory named ‘single-product’. If not you can copy the ‘single-product’ directory contained in the ‘woocommerce’ directory from my child theme (step 3) to your child themes ‘woocommerce directory’. If you already have a directory called ‘single-product’ you have to check wether the files contained in my child theme exist in your child theme. If not copy theme. If they do you need to merge the modifications (Hint: search for ‘noLightbox noHover’ and most likely you will know what to do).
6. You are done. Have fun with the new features
Hey again.
I just placed a pricing table on this page. As you can see the buttons work perfectly and the hover color is the same as I have set in the Enfold Settings page. The Full Width button that I have placed on the site does NOT work unless I start to type in color codes manually…
HOW can it not be a bug???
Come on…. Report this bug please….
-
This reply was modified 9 years ago by
adferger1.
Hello NeilJc,
yes, it possible.
- First of all, create the homepage or index page of your website.
- Second, go to the homepage at bottom right (Header visibility and transparency) and select Transparent & Glassy Header from drop down menu. Don’t forget to put the update button. See the link http://imgur.com/a/UeQEf
- Third, create a slider with photos and contents.
- Finally, you can put some CSS code. Go to Enfold Theme Options -> General Styling -> Quick CSS and put that code for add grey border bottom
#top .av_header_glassy.av_header_transparency #header_main {
border-color: transparent;
border-bottom-color: rgb(125, 125, 125);
border-bottom-width: 1px;
border-bottom-style: solid;
}
Thank you. I hope this may help you.
Hi,
i have a problem with a form inside the enfold theme
When i have a form splited in more pages and i scroll down and klick the next button, the netx page doesn´t show at the beginning.
It always starts in the middle or at the end of the second or third page.
Is it possible to make the form start ervery page at the beginning?
best regards
Andreas
Hold the Phone – not cured entirely but workable – when I edit a product and view it before publishing the image is still out of focus. Also when adjusting the shop view in Enfold I have to use Default or Default without Buttons or Minimal – Minimal Overlay without text only shows very dark small titles across the image. But I can live with this.
Hi, guys
1.- how can i add a padding-top on the submit button?
2.- is there a way to disable the hover color on social links topbar
3.- May i know wich is the default font on enfold 2017? mine is opens sans but doenst look like the original
thanks in advance
regards
The following solution removes Enfolds custom functions for the image display of products and variations to restore the new image display starting from WooCommerce 3.0.0.
- It is save to use with any version of WooCommerce.
- It is intended to be used with Enfold version 4 to 4.0.5 only
If you do NOT have a Child Theme
1. Download https://mensmaximus.de/dokumente/enfold/enfold-child.zip
2. Login to wordpress and select Appearance -> Themes in the admin menu
3. Click on ‘add new’ (top left of the theme page)
4. Click on ‘upload theme’ (top left of the theme page)
5. Click on the file select button and choose the enfold-child.zip file from step 1
6. Click on ‘Install now’
7. Activate the Enfold Child Theme after the installation has finished
8. Follow the instructions from http://kriesi.at/documentation/enfold/using-a-child-theme/
If you already have a Child Theme
Copy the following code block to the functions.php file of your child theme
/*
Woocommerce 3.0.0 Compatibility Fix
Remove Enfold's custom functions that conflict with the new image display in WooCommerce 3.0.0
*/
global $woocommerce;
if( version_compare( $woocommerce->version, '3.0.0', ">=" ) ) {
function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
return $img;
}
function avia_woocommerce_post_thumbnail_description($img, $post_id){
return $img;
}
}
Attention: If you feel you are not able to reproduce this steps hire a WordPress freelancer to do it for you. Point him to this posting and he will know what to do. It takes less than 15 min. for a WordPress professional to accomplish the job (including asking for ftp credentials and/or WordPress access).
Nag Nag Nag: If you do not want to use a Child Theme or if you are just in bad mood please feel free to keep that for you. No need to tell anyone. In this case just wait for an official update.
Support: This solution is provided by me and not Kriesi. I am not affiliated to Kriesi in any way other than you all loving Enfold. I have spent more than one day with trouble shooting and talking to the WooCommerce Development as well as extensive testing. If you use this solution please report back if it worked or not. Your feedback will help others to decide if they will give it a try too.
How do you allow more control over the button, when the “Theme Color Subtle” setting is not giving the correct color, as specified in the Enfold Settings page?
I have already set the “hover color” in my settings page.
Now you want to to go over each and every button on my site to set I manually as well??? Why even have a “Hover color” option in the settings page in the first place, if it is not being used?
Update:
Please explain to my WHY “Theme Color Subtle” is = “Alternate Background color” from the settings page…. Whyyyyyy?
-
This reply was modified 9 years ago by
adferger1.
Hehe,
Layerslider just did an update again (to 6.3) and it shows up in Enfold sites again. Just as in my last post on this issue.
Hi experts,
my only problem is, that wordpress shows that there is a plugin update, but there is none. After some searching I found that the layer slider might be the problem. While in Enfold 4.0.4 there is layer slider 6.2.0, there is 6.2.1 or 6.2.2 available from Kreatura. In former version Layer slider only showed inside it’s panel that there is a new version, but now the WordPress-Update-Panel is annoying with this.
Is there a solution that I did not found?
Kind regards,
Ralf
So I suggest to built a “Layerslider – don’t update – button”, which simply doesn’t look for updates. At my opinion this could be hardcoded into Enfold and would stop screaming WordPress for updates.
Kind regards,
Ralf
Hi!
I’m using Enfold theme, and I have trouble with buttons on hover. Some buttons work fine but mailchimp and contact form buttons (send, subscribe) hide text on hover, button becomes just one block without text. Contact form “send” button only works fine in footer widget.
Please help,
Thanks!
-
This topic was modified 9 years ago by
WaveToys.
The cart button (shopping cart icon) is pushed way to the right and doesn’t display above the navigation bar anymore. I ended up doing “.cart_dropdown, .av-display-cart-on-load {
position:absolute;
right:0;
}”
… as a temporary fix, but was wondering if that was going to get fixed in an update.
This only occurred after updating both Enfold and WooCommerce to the latest versions.
Could you report this bug, and pass it on to the developers?
The “hover color” selects the wrong color from the Enfold settings page.
I would hate to set the hover color manually. Because if I someday decide to changes the color scheme of my website I have to go over each and every button and change the hover color manually. Stupid, since the color has already been set in the Enfold settings page.
I hope you understand the issue..?
-
This reply was modified 9 years ago by
adferger1.
Dear Enfold team,
on my homepage I’m using right-aligned buttons & separators to achieve a “tabby” look, please check here:
I use negativ margins on the separators, but there is some hard-coded space between the top of the “blog entries” element – increasing the negative margin doesn’t get rid of the white space between the separator and the featured image.
Is there any solution to this? I’m using a custom id on my homepage, I only want to change the look there.
thanks in advance,
greetings, Ritchie
hi.
i need to place a mailchimp signup form but with two o three colums, button in the same line…etc.
i mean…how can i change the look and feel of the form?
please see my site (private); at home there are two forms (one at the top, other at the bottom of the page).
could you help me to achieve that look and feel?
thanks!!!
@georgecornelius and all other users who do NOT have a child theme yet just follow this steps:
1. Download https://mensmaximus.de/dokumente/enfold/enfold-child.zip
2. Login to wordpress and select Appearance -> Themes in the admin menu
3. Click on ‘add new’ (top left of the theme page)
4. Click on ‘upload theme’ (top left of the theme page)
5. Click on the file select button and chosse the enfold-child.zip file from step 1
6. Click on ‘Install now’
7. Activate the Enfold Child Theme after the installation has finished
8. Follow the instructions from http://kriesi.at/documentation/enfold/using-a-child-theme/
9. Ignore the woocommerce message about outdated files. This is caused by the overload as the zip packed already contains the old product-image.php. The message confirms you have successfully finished overloading.
Again: This is only for those who do NOT have a child theme already.
Hey Reinhard,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-button:hover {
opacity: 1;
}
.avia-button {
opacity: 0.9;
}
Best regards,
Yigit
Hello Malissa,
try that code, because if you enlarge fonts of the js_sort_items, then it’ll enlarge the foreslash between filters Alle/Branding & Concepting …
Add this cusotm CSS code at Enfold Theme Options > General Styling > Quick CSS
span.inner_sort_button span {
font-size: 14px !important;
}
Thank you
Hello lewinandreilly,
You can change the color of the “add to cart button”, add this cusotm CSS code at Enfold Theme Options > General Styling > Quick CSS
a.avia-button.avia-icon_select-no.avia-color-pink.avia-size-small.avia-position-center {
background-color: #ff0000 !important;
color: #fff !important;
}
Thank you
Hey Ken,
Can you put wrap this around Call and the number:
<span class="callus">Call & Number here</span>
then on your Quick CSS (located in Enfold > General Styling), add this css code:
#header_meta .phone-info .avia-button-wrap.avia-button-left {
display: inline;
margin-right: 10px;
}
#header_meta .phone-info span.callus {
display: inline;
height: 38px;
line-height: 38px;
}
Hope this helps :)
Best regards,
Nikko
Hi,
You can change the button color, add this cusotm CSS code at Enfold Theme Options > General Styling > Quick CSS
.avia-content-slider .avia-size-small {
background: #000 !important;
}
Best regards,
John Torvik
Hi all,
I was looking for a solution to swap the next and previous navigation buttons on a single post. To be clear, if I have a post category with 10 posts and open the category listing page, and then click on the first item (newest post/portfolio entry) in the list. When I view the first item, I will have an arrow on the left to navigate to the next post, which is the newest post after the one I am currently viewing. This is by default. I want the arrow to be on the right.
I searched the forums for a solution and found this: https://kriesi.at/support/topic/blog-post-previous-and-next-arrows/, which is closed to comments. While this solution worked and still works, the thread is old, so it’s a little outdated and there’s a better option in the current version of Enfold (v4.0.5). So I thought I would share it in case it’s useful to someone else out there:
Create a child theme if you haven’t already, and add the following code to the functions.php file in your child theme:
if (!function_exists('swap_single_post_next_and_previous_mod')) {
add_filter( 'avia_post_nav_entries', 'swap_single_post_next_and_previous_mod' );
/**
* Swap the next and previous navigation on single posts
*
* @param array $entries
*
* @return array
*/
function swap_single_post_next_and_previous_mod( $entries ) {
if ( ! isset( $entries['prev'], $entries['next'] ) ) {
return $entries;
}
$temp_prev = $entries['prev'];
$entries['prev'] = $entries['next'];
$entries['next'] = $temp_prev;
return $entries;
}
}
If you wanted to, you could also pass the $settings array to the function via the filter, and then only apply this to certain taxonomies or if certain other conditions are met, e.g.
if (!function_exists('swap_single_post_next_and_previous_mod')) {
add_filter( 'avia_post_nav_entries', 'swap_single_post_next_and_previous_mod', 10, 2);
/**
* Swap the next and previous navigation on single posts
*
* @param array $entries
* @param array $settings
*
* @return array
*/
function swap_single_post_next_and_previous_mod( $entries, $settings ) {
if ( ! isset( $entries['prev'], $entries['next'] ) || $settings['taxonomy'] != 'my-category') {
return $entries;
}
$temp_prev = $entries['prev'];
$entries['prev'] = $entries['next'];
$entries['next'] = $temp_prev;
return $entries;
}
}