Hi,
Perhaps, what you are trying to ask for is that on desktop you want the text and the buttons to be in one line, and you want the text to also be in a single line, like this:

If this is what you are asking, then please add this css:

@media only screen and (min-width: 1520px) { 
.responsive .avia-cookie-consent.avia-cookiemessage-bottom .container {
    max-width: 1520px;
}
}

Please note that with the amount of text you have this can only occur for desktops above 1520px, otherwise there is not enough room for the text to be in a single line and next to the buttons.

Best regards,
Mike

Hi,
When I check gruetter-innenausbau.ch the mobile looks as you wish right now:

So if you only want the text and buttons to be side-by-side on desktop, like this:

then you would use this css:

@media only screen and (min-width: 1920px) { 
.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;
}
}

Please note that the css only begins at min-width: 1920px, if you want it to begin earlier then please adjust. I tested this on gruetter-innenausbau.ch, see the above screenshots, if you are still having problems perhaps you have an error in your other css like a missing bracket, try adding this css to the WordPress ▸ Customize ▸ Additional CSS, assuming you have no other css there, otherwise please examine and test your other css for errors.

Best regards,
Mike

Hi,
Did you create this shortcode yourself, I don’t see a reference to this in the solution from Günter above
When I read the Github avf_obfuscate_email_link filter it is intended for buttons with email links, and when I test it seems to work correctly:


This is the filter that I added to my child theme:

function custom_avf_obfuscate_email_link_hex_encoding( $hex_encoding, $e_mail )
{
	$hex_encoding = 1;

	return $hex_encoding;
}
add_filter( 'avf_obfuscate_email_link_hex_encoding', 'custom_avf_obfuscate_email_link_hex_encoding', 10, 2 );

function custom_avf_obfuscate_email_link( $obfuscate, $e_mail )
{
	$obfuscate = true;

	return $obfuscate;
}
add_filter( 'avf_obfuscate_email_link', 'custom_avf_obfuscate_email_link', 10, 2 );

Try using the filter instead of your shortcode.

Best regards,
Mike

Hi Helen,

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

Best regards,
Rikard

Hi,
Thanks for the video, but I don’t understand the issue, the buttons look the same before and after you open the burger menu:
before:

after:

Best regards,
Mike

Hey Patrizio Saliani,

Thank you for the inquiry.

What do you mean by “portfolio setting column” and “settings toggle button”? Could you please provide a screenshot of these elements? If the site has not been updated to version 5.6.8, we recommend upgrading the theme immediately and then toggle or temporarily disable the Enfold > Performance > File Compression settings afterward. This upgrade might help resolve the issue you’re currently experiencing.

Best regards,
Ismael

Hey jimmywagner97,

Thank you for the inquiry.

This information is not available by default, but you can check the demo in the Enfold > Demo Import panel and look for the Delete Downloaded Files button. If this button is present below the demo image, there’s a good chance that this specific demo was imported.

Best regards,
Ismael

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