Hi,

Thank you for the inquiry.

You can modify or override the themes/enfold/searchform.php file in your child theme. Add the label element around line 24.

<label for="s">Search</label>
<input type="submit" value="<?php echo $icon; ?>" id="searchsubmit" class="button <?php echo $class; ?>" />
<input type="text" id="s" name="<?php echo $search_params['search_id']; ?>" value="<?php if( ! empty( $_GET['s'] ) ) { echo get_search_query(); } ?>" placeholder='<?php echo $search_params['placeholder']; ?>' />

Best regards,
Ismael

Hi,

For buttons I have to change the code in enfold/config-templatebuilder/avia-template-builder/php/class-generic-helper.php and I have to do it after every Enfold update again, correct?

We’re considering adding this modification in the next patch. Please keep the changes for now.

Best regards,
Ismael

Hey Michael,
Thank you for the link to your sites, as I understand your request you would like the two cookie consent buttons to always be side-by-side (inline) and the cookie consent text to be inline next to the buttons, but at smaller screens the text should become multiple lines and still inline with the buttons.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for each site:

.avia-cookie-consent .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.avia-cookie-consent .avia_cookie_text {
  flex: 1;
  white-space: normal;
  margin: 0;
}

.avia-cookie-consent .avia-button {
  display: inline-block;
}

This is the expected result that I see when I test:

Best regards,
Mike

Hi,

Thank you for the update.

We added the code in the Quick CSS field and adjusted it a bit. We also disabled the Enfold > Performance > File Compression settings temporarily. To adjust the style of the button, you can edit this css rule.

.osBox.osDetail * .osButton.osButton-inline {
  text-shadow: none;
  color: #ffffff !important;
}

You might want to increase the priority of the new styles by incorporating the !important rule.

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

The site looks significantly different from any of the available demos, and unfortunately, it’s not clear which specific demo was imported. You can check in the “Enfold > Demo Import” panel to see which demo files have been downloaded. Look for a button below the demo with the label “Delete downloaded files”.

Best regards,
Ismael

Hi,

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

.avia-buttonrow-wrap a.avia-button {
  text-decoration: none !important;
}

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

p.toggler {
  text-decoration: underline !important;
  color: #444;
}

3. Where exactly are you seeing that?

4. I’m not sure what you mean by this, could you post a screenshot highlighting your intentions please?

Best regards,
Rikard

Hi,

Thank you for the screenshot.

The following css code should adjust the styles of the privacy buttons.

#top .main_color .avia-cookie-consent-modal-buttons-wrap a:nth-child(1) {
    background: #cc1818;
    color: #ffffff;
    border-color: #eb5c23;
}

#top .main_color .avia-cookie-consent-modal-buttons-wrap a:nth-child(2) {
    background: #696969;
    color: #ffffff;
    border-color: #616161;
}

#top .main_color .avia-cookie-consent-modal-buttons-wrap a:nth-child(3) {
    background: #0dfb9a;
    color: #075013;
    border-color: #93ff27;
}

Adjust the color values as you wish, then toggle or temporarily disable the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hi,
Please note that your shortcode is using single quote marks:

so you need to use a double quote marks after echo do_shortcode( that wrap the inner shortcode:

and you can’t have any line breaks, try this code:

function ava_woocommerce_before_main_content() {
if ( is_product() ) {
echo do_shortcode("[av_submenu which_menu='' menu='49' position='left' sticky='aviaTBsticky' color='alternate_color' mobile='disabled' mobile_switch='av-switch-768' alb_description='' id='' custom_class='' template_class='' av_uid='av-lnbxc8ss' sc_version='1.0'][av_submenu_item title='Menu Item 1' button_style='' link='' linktarget='' av_uid='av-fdyw7' sc_version='1.0'][av_submenu_item title='Menu Item 2' button_style='' link='' linktarget='' av_uid='av-70t2n' sc_version='1.0']");
}
}
add_action( 'woocommerce_before_main_content', 'ava_woocommerce_before_main_content', 10 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) and (max-width: 990px) {
#buttonbottom {
    position: absolute;
    bottom: 28px;
    left: 22%;
}
}

Best regards,
Rikard

Hey,

Currently, you would need to add it manually: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options.

We added TikTok icon and updated Twitter icon to X in version 5.6.7. We don’t have a release date yet but we’re planning to release it soon.

Best regards,
Yigit

Hey webba,
Unfortunately we don’t have a radio option, but you could use the checkbox option and try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

input[type="checkbox"]{
  visibility: hidden;
  position: absolute;
}
input[type="checkbox"] + label:before{
  height:12px;
  width:12px;
  margin-right: 2px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  border:1px solid #777;
}
input[type="checkbox"]:checked + label:before{
  background-color: black;
}
input[type="checkbox"] + label:before{
  border-radius:50%;
}

to make it look like a radio button. If you are also using checkboxes and this causes a conflict, please link to your form and tell us which ones should be a radio button and we can adjust this css to help.

Best regards,
Mike

Hey,

Please refer to this post: https://kriesi.at/documentation/enfold/footer/#display-scroll-to-top-button-mobile

If this doesn’t work for you, please check if you have any errors in your custom CSS. You can use this website to do that http://csslint.net/.

Regards,
Yigit

Hi,

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

#top #wrap_all .social_bookmarks:hover a {
  background-color: #000;
}

#top #wrap_all .social_bookmarks a:before {
  font-size: 16px;
}

The documentation you linked to is for the social share element, not the icons in the header. I’m not sure which example you would like to mimic, but I don’t think large rectangle buttons would look nice or fit inside the header unfortunately.

Best regards,
Rikard