Page 47 – Support | Kriesi.at – Premium WordPress Themes

// https://wordpress.org/plugins/say-what/

Hi,

Thank you for the inquiry.

To adjust the button text, you can use this plugin.

Just look for the text that you would like to adjust, then provide the replacement text or translation. You can also adjust the text by editing the template file (enfold/config-woocommerce/config.php line 529) directly.

	if($product->get_type() == 'variable' && empty($output))
	{
		$output = '<a class="add_to_cart_button button product_type_variable" href="'.get_permalink($product->get_id()).'"><span '.av_icon_string("details").'></span> '.__("Select options","avia_framework").'</a>';
	}

	if(in_array($product->get_type(), array('subscription', 'simple', 'bundle')))
	{
		$output .= '<a class="button show_details_button" href="'.get_permalink($product->get_id()).'"><span '.av_icon_string("details").'></span>  '.__("Show Details","avia_framework").'</a>';
	}

And to adjust the button style, use this css code.

.avia_cart_buttons {
    padding: 0;
}

#top .avia_cart_buttons .button {
    padding: 10px;
}

Again, you need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css or resave the theme options.

Best regards,
Ismael

October 13, 2021 at 3:46 pm #1324775

Topic: Need for Support

in forum Pre Sale Questions

Horst Eberhard

Guest

Hi,

I cannot put a request to the support.

I bought a first Enfold-License in 2018.
On 28. Sept. 2021 I bought a second license for another project.

To get support, I have just registered under a now account – an waitetd for more than 2 hours
I now need support and can’t still find any button on your support-page to start…

What am I about to do ?

Best regards,
Horst

October 13, 2021 at 2:25 pm #1324750

In reply to: Mobile Not Looking Right

Hi Justine,

Thanks for contacting us!

1- I could reproduce the issue on my iphone and noticed “parallax” class on the color section even though it did not have any background so I temporarily added a background image, set it to scroll, removed background image, saved the element and updated the page and that helped.

2- I added following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 1070px) and (min-width: 767px){ 
.home .slideshow_caption { width: 100%; }}

@media only screen and (max-width: 480px) { 
.responsive #top.home .slideshow_caption .avia-caption-content { display: none; }}

First code removes right alignment so buttons show up on tablets and second code hides description so there is enough space on mobile for buttons to show up.

Please review your website :)

Best regards,
Yigit

October 13, 2021 at 12:10 am #1324647

Topic: Social Share on Product page – Hook doesn´t work after update

in forum Enfold

October 12, 2021 at 1:31 pm #1324549

In reply to: Promo box with image responsiveness problem

Hi Serge,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 767px) { 
.responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap {
    display: inline-block;
}}
@media only screen and (max-width: 990px) {
.avia-promocontent {
    margin-right: 0;
}
.av_promobox .avia-button.avia-size-large {
    margin-top: 0;
}
#top .av_promobox .avia-button {
    position: unset;
}
}

Best regards,
Yigit

October 12, 2021 at 1:03 pm #1324538

Topic: ENfold & Woocommerce – Product size variation buttons

in forum Enfold

marscui

Participant

Hello, I’ve set up Woocommerce & Enfold theme. On the single product page different variations of shoe sizes are selectable via drop down per default. How to change this to show available shoes sizes immediately at a glance without drop down select e.g. with buttons for each shoe size (best would be to show out of stock items greyed out). Thanks for any idea!

October 8, 2021 at 9:29 am #1324064

Topic: make contact form scroll to sucess or error message after submission

in forum Enfold

brouge

Participant

hi there, i got a serious problems with the enfold contact form.
check out this form https://www.metazeit.de/#formular and hit the submit button without entering anything.
the page will get reloaded and stays on top so you never see the error or sucessful send message.

how can i make the forms to scroll down to the responsive ajax message?
i am using wordpress 5.8.1 and enfold 4.8.6.2 as a parent theme – no child is installed.

accourding to other threads i might have to change /enfold/config-templatebuilder/avia-shortcodes/contact/contact.js
but i don’t know what exactly.
thanks for a fast reply
thomas

October 7, 2021 at 2:16 pm #1323911

Topic: botton styling on tribe events

in forum Enfold

sensiblekaren

Participant

Hello

After a recent Enfold theme update the styling on my buttons for events (using the plugin tribe events) changed to blue with blue writing so people can no longer see the buy now message.

I want to change the background colour and writing to white so people can see it. How should I do this?

Link to the event list page is enclosed – see blue buttons on each event.

October 5, 2021 at 5:23 pm #1323676

Topic: can not save changes to page

in forum Enfold

GePu

Participant

Hey there,
I really like enfold! for many years i use it and love to work with it. You also where abe to solve all problems i faced until know.
Hope this one will also be solved.
I have an almost similar problem as in this post but no solution so far https://kriesi.at/support/topic/advanced-layout-builder-is-spinning-again/
when i open an existing page and edit just one or two things, hit save changes

and then

edit some more of the content (f.e. changing a photo or adding some text) enfold is doing automatic saving and showing the grey blinking cloud save next to the not working / greyed out “save changes” button, also on the right sidebar there is a spinning wheel next to the layout options.
this is annoying because it lasts for almost ever. I still can make more changes but I can´t save them. When i try to leave the editing page it asks me if i really want to do so becuase unsaved changes will get lost.
what can i do?

October 5, 2021 at 3:06 pm #1323657

In reply to: The Events Calendar Mobile View special

Hi Mike,

Thanks for the information.

I have found 3 CSS errors in Quick CSS field and fixed them and then enabled CSS file merging and compression option and confirmed that layout still looked fine on mobile. I believe the issue was related to broken CSS.

1- I have added following code to bottom of Quick CSS field to increase the space between the map on mobile

#top.tribe-theme-enfold.single-tribe_events .secondary .tribe-events-meta-group {
    margin-top: 20px;
}

2- However I am unable to reproduce the space issue between the buttons. They look fine on my end. I attached a screenshot in private content field below. If this is not what you meant, could you please post a screenshot and show so we can make sure that we are on the same page? :)

Best regards,
Yigit

October 4, 2021 at 9:22 pm #1323533

In reply to: A few small issues and a shop page question

Dzimnikov

YourChoice Informatik GmbH

Hey, thank you so much for everything. I was able to fix just about everything. Few things:

1) Going back to your first point at the top, the button that you checked across browser. Even in the image snippet you sent me, you can see that the text is aligned-left, not centered. Like the text is all hitting a wall on the left hand side… while on the right it zig-zags. On mobile, the text in the button is clearly centered though, it baffles me lol.

2) This goes to the cart on mobile. On desktop its doing it thing, on mobile, the cart button is almost impossible to click on. I moved the burger menu over to the left to make space between them, but the car button is still almost impossible to activate. I have another ecommerce site on enfold: bonjiglass.com/shop … and on there it the cart button is working perfectly. The moment you click on it, it goes to the cart page. Is there a fix for this?

Thanks,
-Daniel

October 4, 2021 at 3:30 pm #1323476

In reply to: The Events Calendar Mobile View special

Hi Yigit
Sorry, for my late answer.
So, now it is very special.

When I disable “CSS file merging and compression”, it looks nice on the mobile view… but it looks also nice without your CSS code… how this could be ???

The only thing that does not looks nice then is the missing space between the two buttons at the bottom of the event (calendar) and the missing space between the map and the event venue.

When I enable “CSS file merging and compression”, it looks ugly at all, with and without your CSS code…
So, my questions are:

Why I must disable “CSS file merging and compression” for that The Events Calendar looks nice on mobile?
Why there is needed CSS code for that The Events Calendar looks nice on mobile? Before the update it looked also nice without CSS code
Why there are such troubles with Enfold and The Events Calendar now?
Could you add CSS code for having the missing spaces between the buttons, map and event venue as a fix in Enfold?

In the private content section you find login data and examples.

Thanks very much.

Best regards
Mike

October 2, 2021 at 8:28 pm #1323295

In reply to: Help me, please.Enfold Theme:There has been a critical error on this website.

Mike

Hi,
Thank you for your patience, this can easily be fixed by manually changing the url to “https://” and click “Save all settings” button at the top of the page.

you do not have to use the “upload” button, you can manually enter the url to the image.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

October 2, 2021 at 8:07 pm #1323293

In reply to: Product slider breaks into 2 rows

Mike

Hi,
Thank you for your patience and for the login, I removed the script that @Yigit had added so I could test and I made a duplicate of your product, it seems that the manually added Product Purchase Button causes this with the first following product slider, if the Product Purchase Button is removed or if it is placed at the after the product sliders this doesn’t occur.
On the duplicate product page linked below I removed all other elements one at a time, and placed the Product Purchase Button in between two product sliders to demonstrate this.
But I’m not able to reproduce this on a new install with Enfold and WooCommerce by copying your page shortcode to it, or by manually trying to recreate, in this screenshot you will the product slider doesn’t break, please note the products are from our Shop demo so they are different from yours but the page elements and layout is yours:

So I don’t believe this is caused by the theme, perhaps it’s from one of your 28 plugins, you could investigate further by disabling them one at a time to find the one causing the error, or if you could use @Yigit’s solution above.

Best regards,
Mike

October 2, 2021 at 4:13 pm #1323275

Topic: Enfold Theme next category tab – don't know what to actually call this

in forum Enfold

TSPCart

Participant

I know I’ve turned this off, but WHERE is the clickie button –
In my shop, there were next category on each side of the screen for navigation (as needed) I overworked myself last night and accidently turned them off and I cannot remember where the location to turn them back on. HELP!
thanks!

October 1, 2021 at 6:14 pm #1323187

Topic: Can Enfold do this??

in forum Enfold

mct2ok

Participant

I have a client who wants me to replicate a page from a non-wordpress site to a wordpress site.
Clicking each button brings up a different item below without leaving the page.
See all website details in the private section.

October 1, 2021 at 8:58 am #1323104

Topic: Tabs not displaying correctly and video elements not working

in forum Enfold

cordellbrewer

Participant

Hi There
We are having some issues on our website and need some assistance:
1. We have tabs on our community page but they are not displaying correctly. The first tab is empty and then that tabs content is showing in the second tab and so on. The last tabs content is sitting at the bottom of the page. Everything is displaying perfectly in the back-end so its so its difficult to know what the issue is.
2. Inside one of the tabs, we have 2 columns side by side and a masonry element in the one on the right but it is displaying underneath the first column. Everything is displaying perfectly in the back-end so its so its difficult to know what the issue is.
3. Video elements are not working correctly. We have added a test page for troubleshooting this. The videos don’t play and when you click on the play button it opens the video in a new tab. This is happening with both YouTube and Vimeo links. (This seems to work ok in Firefox but not in Chrome and other browsers)
4. The theme seems to be ignoring the advanced styling we have in place. We have set the font weight to 900 on headings 2-6 but its not showing on the front-end.

Please note that we have tried to update the theme to the latest version and we get a critical error. We have x’d out the plugins to test if it is a conflict but the issue remains. When we x’d out Enfold the site came back up. After this we changed the theme to the last stable version that we know.

Looking forward to your response
Cordell

September 30, 2021 at 5:14 pm #1323058

Topic: Google Analytics On Click Bug

in forum Enfold

THP Studio

Participant

Hey guys,

My developer and I noticed a bug related to the contact form and tracking form submissions when Google ReCaptcha (v2 – haven’t tested v3) is enabled.

We have tried it on multiple sites and noticed the same issue. To try and explain it:

When you want to track contact form submissions, we add some code from your documentation:

add_filter('avf_contact_form_submit_button_attr','avia_add_submit_attributes_to_cf', 10, 3);
function avia_add_submit_attributes_to_cf($att, $formID, $form_params){
$att = "onclick=\"gtag('event', 'Submit',{
'event_category': 'ContactForms',
'event_label': 'contactPage'
});\"";
return $att;
}

This successfully tracks form submissions on both GA3 and GA4 setups.

However, as soon as you enabled Google ReCaptcha, it adds the code into the page twice, so duplicate submissions are recorded for every for submission.

This is what gets added to the page:

<input type="button" value="Submit" class="button av-verify-recaptcha-0 av-recaptcha-submit avia_button_inactive" onclick="gtag('event', 'Submit',{
'event_category': 'ContactForms',
'event_label': 'contactPage'
});" data-sending-label="Sending" title="Please validate that you are a human first">

<input type="submit" value="Submit" class="button avia_button_inactive av-recaptcha-submit-real" onclick="gtag('event', 'Submit',{
'event_category': 'ContactForms',
'event_label': 'contactPage'
});" data-sending-label="Sending" style="display: none;">

If you turn off ReCaptcha and use the Enfold number captcha, the second set of code gets removed and so the tracking works correctly.

Can you please take a look?

Thanks guys.

Tim

September 30, 2021 at 8:34 am #1322941

In reply to: Insert image src in the menu

Guenni007

by the way : i do not now why you like to have that png in your menu –
but if you look into the appearance – menu settings on window top right there is “screen options”
if you activate to see css classes on menu-items you can give a class ( in my case : gradient ) to menu-items then. And with that class you can even have animated backgrounds on menu-items. see : https://webers-testseite.de/

li.gradient .avia-menu-text {
    color: #fff;
    background: linear-gradient(-45deg,#FFA63D,#FF3D77,#338AFF,#3CF0C5);
    background-size: 600%;
    border: none !important;
    animation: anime 14s linear infinite;
    padding: 10px 20px !important;
    border-radius: 10px !important;
}

next way – you can have the enfold options on that menu page to mark the option : “Button Style colored”
this color can be changed to what ever you like. ( see same link : Impressum )
and with a border-radius valued with 4 values you can influence each corner separatly of that rectrangle:
( top-left top-right bottom-right bottom-left – nomenclatura goes clockwise from top-left corner )

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
  background-color:#aea410;
  border-color:#aea410;
  border-radius: 0 0 10px 10px;
}

and f.e. on your screenshot above – you can have that for your contact button too ;)

September 30, 2021 at 4:44 am #1322909

In reply to: Navigation Menu behavior on hover

Ismael

Hey erictuvel,

Thank you for the inquiry.

The menu item shrinks because of this css code.

#top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #e95e38 !important;
    border: 0 !important;
}

It disables the default border of the button. Try to remove the code, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

September 29, 2021 at 11:29 pm #1322882

Topic: A few small issues and a shop page question

in forum Enfold

Dzimnikov

Participant

Hey gang, thank you so much for all your help as always. I use Enfold for all my clients, and you’re a huge reason why!!!

URL: https://www.highereducationfest.com/

Here a few questions:

1) On the homepage, on the second slide of the slider, the button text won’t center. I selected centered within the slider and when you Inspect the area, its says “text-align: center”… but its not aligning. This is only a desktop issue. On mobile the text does align. I for the life of me can’t figure out why. Its the big orange button on the bottom right of the slide.

2) If you scroll all the way to the bottom orange section, with the contact form… the emails above won’t center on mobile for some reason. Which leads me to my next part:

3) Some of the website content shifts when you look at the site on mobile, but only if someone clicks onto the site from a link within facebook or other place that embeds the site instead of taking you to a browser. So lets say I sent you the link through FB messenger, and you clicked on it to open, you’d see this:

– https://imgur.com/a/wDzwklQ (“restoring the” soul) is usually one line
– https://imgur.com/a/ZlqqrBk (text keeps going through right side of screen
– https://imgur.com/a/xygEhGc (emails continue through the right side of screen – I think it connects to issue from 2) above.

It has to be some kind of container issue, I’d imagine. I guess I can make the font smaller, but I love the way it normally looks on mobile through the browser. Is there a way to fix this? Most of our traffic would be coming from SM ads, so it has to look right, one way or another.

(I’ve sent the link to a few people, and for some it works fine. The slider thing seems to be an android thing, whereas the emails are extending out everywhere)

4) The cart button is all the way to the right, with no no right padding. Is there a setting to control this, or is CSS in order somehow?

5) For the shop page, it seems like the items are listed alphabetically. I would like to change it to post date, so our newest items can be displayed first. I can’t seem to find a control for this neither in theme setting nor woocommerce settings.

I included login details below. Thank you so much per usual!

This topic was modified 4 years, 5 months ago by Dzimnikov.

September 29, 2021 at 12:33 am #1322692

Topic: Navigation Menu behavior on hover

in forum Enfold

erictuvel

Participant

Hi,

I have made one of my Menu items in my header a button. It looks nice but when I hover over it I don’t like how it shrinks. I cannot find the Theme options to change this. I would like it to be similar to the rollover/hover behavior in your theme demo

Welcome

Where it simply changes color slightly on hover. Please advise.

Our website can be found here: https://investforbetter.org

September 28, 2021 at 9:08 pm #1322686

Topic: Advanced Page Builder – Convert to Gutenberg Blocks

in forum Enfold

wwt247

Participant

I would like to try a seeing what my site looks like with another theme – currently using Enfold. When I install the new theme and go to edit a page the Advanced Page Builder codes are all over the page – like this –
–
[av_submenu which_menu=” menu=’17’ position=’center’ color=’main_color’ mobile=’disabled’] [av_submenu_item title=’Menu Item 1′ link=” linktarget=’no’ button_style=”] [av_submenu_item title=’Menu Item 2′ link=” linktarget=’no’ button_style=”] [/av_submenu] [av_section min_height=’custom’ min_height_px=’230px’ padding=’small’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=” color=’main_color’ custom_bg=’#365e9e’ src=’http://theme.com/wp-content/uploads/About.jpg’ attachment=’3839′ attachment_size=’full’ attach=’scroll’ position=’center center’ repeat=’stretch’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=’#ffffff’ overlay_pattern=” overlay_custom_pattern=”] [av_one_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’] [av_heading heading=’About’ tag=’h1′ style=’blockquote modern-quote’ size=’45’ subheading_active=’subheading_below’ subheading_size=’20’ padding=’10’ color=’custom-color-heading’ custom_font=’#365e9e’][/av_heading] [/av_one_third] [/av_section] [av_section min_height=’custom’ min_height_px=” padding=’small’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=’lmb’ color=’main_color’ custom_bg=” src=” attachment=” attachment_size=” attach=’scroll’ position=’center center’ repeat=’repeat’ video=” video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=’#ffffff’ overlay_pattern=” overlay_custom_pattern=”] [av_two_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’] [av_textblock size=” font_color=” color=”]

Is there a way, maybe a plugin, that can be used to convert the Advanced Page Builder blocks to Gutenberg blocks so that the transition from one Enfold to another theme and back again is easy and seemless?

Thank you!

This topic was modified 4 years, 5 months ago by wwt247.

September 27, 2021 at 4:01 pm #1322520

In reply to: medical theme – fullwidth – homepage – mobile

Hi,

Please edit your mobile slider and give it a custom ID (“custom-slider” in example below) and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab
#top #custom-slider .avia-slideshow-button { font-size: 24px; }

Regards,
Yigit

September 27, 2021 at 10:50 am #1322451

In reply to: Richiesta supporto

Rikard

Hi Barbara,

Please follow this link in order to open a new thread, or click this button on the Enfold forum: https://imgur.com/a/AnoSPNb

Best regards,
Rikard

September 27, 2021 at 12:08 am #1322388

In reply to: Adding custom javascrtip to Enfold's Theme header.

erictuvel

This reply has been marked as private.

September 26, 2021 at 5:49 am #1322319

In reply to: Enfold Demos – only pages

Rikard