Hi,

Sorry for the delay. We are not yet sure why the “Choose” button or the date picker button is not displaying on the product page but you can use this code temporarily to display the date fields, which should also toggle the calendar.

#top .wc-bookings-date-picker-date-fields {
    display: block;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hi,

Have you found a solution for point 2 as well? Font size is 12px and it looks fine on my end, I attached a screenshot in private content field.

If you would like to decrease the size even more, please add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

#top #full_slider_2 .avia-slideshow-button {
  font-size: 10px !important;
}

Best regards,
Yigit

Hi,
Please open a new thread for separate issues, we prefer to keep each thread on-topic, such as the topic of this thread is hiding the border of a button.
When you open your new thread please include an admin login to your site for us so we can see which language plugin you are using and try to explain as fully as possible your issue, such as which page you are editing that loses it’s content and how we can reproduce the error, if your not sure how to explain screenshots often help. Thank you for your understanding and for using Enfold.

Best regards,
Mike

Hi,

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

#top #wrap_all #header_main #av-burger-menu-ul .av-menu-button-bordered.av-menu-button > a {
  border: none;
}

Best regards,
Yigit

Hi Sven,

Please do the following:
– Enable debugging mode for ALB by referring to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode.
– Create a new page and Social Buttons element and adjust it as needed.
– Copy the shortcode of Social Buttons element from debug field which is right below Advanced Layout Builder
– Add following code to bottom of Functions.php file of your child theme and paste the shortcode of your Social Buttons element where it says [YOUR SHORTCODE GOES HERE] in the code

add_action('ava_before_footer', 'new_ava_before_footer');
function new_ava_before_footer(){
	if( is_single() ){
		echo do_shortcode("[YOUR SHORTCODE GOES HERE]");
	}
}

Best regards,
Yigit

Hey Jurriaan,
Our Advanced Layout Builder is custom built for the Enfold theme and is typically not available or designed to work with third-party plugins, so I would not expect it to work with this plugin. I have not heard of Eventon before and have no experience with it. If it had worked previously it was not intended. You could try disabling all of your other plugins to see if one is interfering with ALB & Eventon, and try switching to the Classic Editor to see if the ALB button shows.

Best regards,
Mike

Hi,

Sorry about that. I thought that you are using the Blog Posts element. For the product grid, this css should work.

.avia_cart_buttons {
    position: absolute;
    bottom: 0;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey rob,

I could not see any selector that is deprecated but there are some things you can do with options instead of using CSS codes.

For example, you have following code to make borders rounded on button element with “rounded-button” class

#top .rounded-button a.avia-button {
border-radius: 30px;
}

You can edit button elements and adjust their border radius in Styling > Borders now – https://i.imgur.com/7rCORiZ.png

Instead of using following code

.main_menu ul:first-child > li > a { font-size: 18px; }

You can go to Enfold theme options > Advanced Styling and edit “Main Menu Links” to increase main menu font size

Instead of using following code

p.toggler.av-inherit-border-color {
background-color: #002348;
color: #ffffff

}

You can edit Accordion element and use custom color options

Instead of following code
h1, h2, h3, h4, h5, h6 { text-transform: none !important; }
You can go to Enfold theme options > Advanced Styling and edit “All Headings (H1-H6)” to change text transform

That seems to be it :)

Regards,
Yigit

Hi Tino,

Thanks for contacting us!

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

@media only screen and (max-width: 490px) and (min-width: 440px) {
.avia-buttonrow-wrap .avia-button.avia-size-x-large {
  display: inline;
}}

Cheers!
Yigit

Hey sitibus,

Please try the following in Quick CSS under Enfold->General Styling:

.woocommerce-checkout #ppc-button {
  margin-top: 20px;
}

Best regards,
Rikard

Hi,
Sorry my mistake I thought you were looking for the WPZOOM widget, but I don’t understand what “button” and “social” you are looking for, I believe that you think it should have been installed from the demo, and I see you used the Restaurant Demo but it doesn’t have a button or social in the footer:

I didn’t find any demos that do, can you explain further?

Best regards,
Mike

Hey Erdrol,

Thank you for the inquiry.

You may have to modify the select or the linkpicker function in the AviaHtmlHelper class. The code is located in the enfold/config-templatebuilder/avia-template-builder/php/class-html-helper.php file. Unfortunately, you will not be able to modify or override this class in your child theme.

Or just make sure to use the correct selector to re-initialize the default select element as an s2select element. This is the markup of a linkpicker.

<div class="avia_clearfix avia-form-element-container  avia-attach-templating avia-element-linkpicker" id="aviaTBlink-form-container">
<div class="avia-name-description ">
        <strong>Button Link?</strong>
<div>Where should your button link to?</div>
</div>
<div class="avia-form-element">
        <select class="" id="aviaTBlink" name="aviaTBlink" data-initial="">
<option value="manually">Set Manually</option>
            <optgroup label="Single Entry">
<option value="21">A Single Post</option>
<option value="21">Another Single Post</option>
            </optgroup>
            <optgroup label="Another Option"></optgroup>
</select></div>
</div>

Best regards,
Ismael

Hi,

@ brucegust: The theme only loads the latest version of the merged or compressed file. It doesn’t have a snapshot mechanism where older files can be restored at will. That option does not exist. All the other files in the dynamic_avia folder becomes invalid once the latest version of the file is generated, so you can safely delete them. The theme will just load the newest file. The name of the compressed file is stored in the database.

…could you explain what you mean by, “resave the theme options?” How do you do that and why do you do that?

The theme regenerates the compressed file after saving the theme options, just toggle any option then click the save changes button. The theme checks if compression is enabled, then regenerate the compressed file if it does not exist yet.

And then when you say, “purge the cache” are you referring to the browser history or is there a setting within Enfold that I need to be aware of?

I was referring to a plugin cache. You can set the theme to automatically delete the older files by enabling the Enfold > Performance > Delete old CSS and JS files? option but make sure to purge the plugin cache, if you are using any, to ensure that the latest merged script will be loaded.

I hope that helps.

Best regards,
Ismael

Hi,

Thank you for the info.

Yon can use this code in the Enfold > General Styling > Quick CSS field to stack the sort button above each other.

#top div.container .av-masonry .av-masonry-sort .text-sep {
    display: none;
}

#top div.container .av-masonry .av-masonry-sort a {
    display: block;
    text-align: left;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael