Hey J.C.,
Please try this code in the General Styling > Quick CSS field:

.av_promobox {
padding: 0 !important; 
margin: 5px 0 !important;
}

This removes the padding and reduces the top and bottom margin to 5px, the zero is for left & right margin.
Feel free to adjust to suit.

Best regards,
Mike

Hi,
I took a look at your site and see that your buttons are not showing on mobile & tablet, but they are also not showing in the source code, which makes me believe they are being removed with some javascript. Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause. If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
I took a look at your font css and added “!important; ” like this:

p, h1, h2, h3, h4, h5, h6 {
font-family: 'Didact Gothic', sans-serif !important; 
}

and it now seems to be working, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry I mis-read, I thought you wanted to add the bar, I see now you want to change it’s color.
To do so, just go to Enfold Theme Options > Advanced Styling > Small bar above Main Menu and pick the color you want. I changed it to blue as a example.
You will need to clear your browser cache.

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad to see you got the margin-top:50px to work, I found the overlap was do to a line height, I have adjusted.
Please clear your browser cache and check.
Thank you for your patience.

Best regards,
Mike

Hi,
To fix the “footer” in the code block on that page I enabled the element options for developers, Enfold Theme Options > Layout Builder > Show element options for developers, and added the class “tips-footer” to the code block, and then added this Quick CSS:

@media only screen and (max-width: 767px) { 
.tips-footer {
margin-top:100px !important; 
}
.tips-footer span {
font-size: 8px !important;
}
}

I also adjusted the code above, Please clear your browser cache and check.

Best regards,
Mike

Hi,
For the mobile widths 375px (small mobile) & 425px (large mobile) I added this css:

@media only screen and (min-width: 381px) and (max-width: 430px) {
#top.page-id-983 #optin {
top: -30px !important;
left: 4px !important; 
width: 80% !important;
padding: 0px !important;
background: transparent !important; 
position: absolute !important; 
}
#top.page-id-983 input[type="text"],#top.page-id-983 input[type="email"] {
height: 12px !important;
padding: 1px !important;
font-size: 8px !important;
margin-bottom: 0px !important;
display: inline-block !important;
}
#top.page-id-983 input[type='submit'] {
height: 12px !important;
padding: 1px !important;
display: inline-block !important;
font-size: 8px !important;
margin: 0px !important;
}
#top.page-id-983 div#name {
width: 12% !important;
}
#top.page-id-983 div#email {
width: 12% !important;
}
#top.page-id-983 div#number {
width: 25% !important;
}
#top.page-id-983 div#submitbutton {
width: 10% !important;
}
#top.page-id-983 #wrap_all h3.av-special-heading-tag {
margin-top: 10px !important; 
}
}
@media only screen and (max-width: 380px) {
#top.page-id-983 #optin {
top: -45px !important;
left: 4px !important; 
width: 80% !important;
padding: 0px !important;
background: transparent !important; 
position: absolute !important; 
}
#top.page-id-983 input[type="text"],#top.page-id-983 input[type="email"] {
height: 12px !important;
padding: 1px !important;
font-size: 8px !important;
margin-bottom: 0px !important;
display: inline-block !important;
}
#top.page-id-983 input[type='submit'] {
height: 12px !important;
padding: 1px !important;
display: inline-block !important;
font-size: 8px !important;
margin: 0px !important;
}
#top.page-id-983 div#name {
width: 12% !important;
}
#top.page-id-983 div#email {
width: 12% !important;
}
#top.page-id-983 div#number {
width: 25% !important;
}
#top.page-id-983 div#submitbutton {
width: 10% !important;
}
#top.page-id-983 #wrap_all h3.av-special-heading-tag {
margin-top: 10px !important; 
}
}

Please clear your browser cache and check.
Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Thank you, I changed your Extended styling to include the main menu & the sub-menu for regular & on-hover colors

then I removed the redundant css for the menus, which solved the menu links (a) having one background color and the menu list items (li) having a different color which was causing the dual background colors.
Then I made all of the menus the same width, I hope this is ok. Then I solved the current menu item on-hover colors which was making the text disappear on certain pages and sometimes on hover.
Please see the screenshot in Private Content area.
I hope this is satisfactory & what you had in mind.
In the Private Content area I have included your original css from 3 days ago & yesterday’s css if you want to reverse any changes
Please be sure to clear your browser cache a couple of times.

Best regards,
Mike

Hi,
I took a look at your page and it’s still showing as “vertical-align: baseline;” in your cached css.
It looks like you are using a cache plugin, please try clearing your cache plugin.
If you are having trouble clearing your plugin, try adding the css to WordPress > Customize > Additional CSS as it has priority over the other css files.
Otherwise please try:

#top .avia_textblock table td,#top .avia_textblock table tr {
vertical-align: middle !important;
}

Best regards,
Mike

Hi,
Thanks for the login, I’m going to ask the rest of the team to also take a look why you are getting a 404 when editing your homepage.

Failed to load resource: the server responded with a status of 404 (Not Found) /wp-admin/admin-ajax.php

Best regards,
Mike

Hey vasileandrei,
I took a look at the second image on your page and found that it is linked to open full size directly, it couldn’t open any larger.
Is this what you were trying for?
Please see the screenshot in Private Content area to ensure I’m looking at the correct image.

Best regards,
Mike

Hey Ulrich1961,
You could use the edited alb elements where you have the choice to set the h-tag as you like, provided by @Guenni007
Or Try adding this code to the end of your functions.php file in Appearance > Editor:

function slider_h2_to_h1(){
  if ( is_page('1762') ) { ?>
  <script>
  jQuery(window).load(function(){
  var el = document.querySelector('.avia-caption-title');
      el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
  });
  
  </script>
  <?php }
  }
  add_action('wp_footer', 'slider_h2_to_h1');

This function is designed to only work on the one page

Best regards,
Mike

Hey Stefano,
In your css you have a “;” before the “!important;”
please remove so your css will look like:

table td, tr {
vertical-align: middle !important;
}

Best regards,
Mike