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

Hey,

Thanks for contacting us!

Please see – https://kriesi.at/documentation/enfold/footer/#display-scroll-to-top-button-mobile :)

Best regards,
Yigit