Hi,
To add a little space between the widget title and the image try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.sidebar .custom-html-widget h3 {
	margin-bottom: 20px;
}

Feel free to adjust to suit and check on desttop and mobile, and if it all looks good let me know and I will delete the current /podcasting/ page and change the /podcasting-test/ page to replace it.

Best regards,
Mike

Hi,
To stop Google Fonts from loading in reCaptcha you will need to use a plugin like Disable and Remove Google Fonts.
To disable Emojis go to Enfold Theme Options ▸ Performance ▸ Disable Emoji/Smiley Support

Best regards,
Mike

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update, we’ll consider adding this to a future version of the theme. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Tim,

Thank you for the inquiry.

You can adjust the font size of the h1 element by using this css code.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top #wrap_all .header_color h1,
  #top #wrap_all .main_color h1,
  #top #wrap_all .alternate_color h1 {
    font-size: 32px;
  }
}

You can also adjust the font settings of the headings and body text in the Enfold > General Styling > Typography panel.

Best regards,
Ismael

Hi,

Again, you can try the Sucuri plugin instead. Looks like WP Cerber is no longer maintained in the WordPress plugin repository. More instructions can be found in the following article.

// https://www.wpbeginner.com/beginners-guide/how-to-add-http-security-headers-in-wordpress/#securityheaders-sucuri

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,
To bring the articles in the sidebar closer together, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.sidebar .widget {
    padding: 30px 0 0 0;
}

There is a way to ensure that the page URL becomes /podcasting/ when you are ready to delete the old page and switch to using the test page, I will do it for you when you are ready.
Please check if the above css helps and you are happy with the test page on desktop & mobile, and let us know if you want any more adjustments.

Best regards,
Mike

Hey woogie07,

Thank you for the inquiry.

You can add this css code to adjust the columns on mobile view.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .slide-entry {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
  .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin-bottom: 20px;
  }

   .avia-content-slider .slide-image, .avia-content-slider .slide-image img {
     width: 100%;
   }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hey joandjaxx,

Thank you for the inquiry.

You have to remove this css code to adjust the right margin of the second item.

#top #header .av-main-nav li:nth-child(2) {
    margin-right: 150px;
}

Then add this css code to push the 5th item away from the fourth, creating space for the logo.

#top #header .av-main-nav li:nth-child(4) {
    margin-right: 250px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hey neon2020,

Thank you for the inquiry.

Did you add the script in the functions.php file? We couldn’t find the setSlideHeight function in the page. Please provide the login details in the private field so that we can apply the modification.

// https://kriesi.at/support/topic/content-slider-customization/#post-1363578

Best regards,
Ismael

Hi,

Thank you for your patience.

We’ll tag Yigit to the thread. If you want to completely disable the masonry item link including the lightbox on mobile view, try to use this css code.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .av-masonry-entry {
    pointer-events: none !important;
  }
}

Please make sure to purge the cache and do a hard refresh before testing the page.

Unfortunately, we will not be able to further assist you with the specific issue related to this plugin. It is recommended to contact the plugin author for further information and support. Integrating and ensuring compatibility between third-party plugins and the theme falls outside the scope of the support services we provide.

We apologize for any inconvenience caused. If you have any other questions or require assistance with any other aspects of the theme, please don’t hesitate to reach out.

Best regards,
Ismael

Hi,

Thank you for the info.

which means any existing URL parameter such as autoplay=1 gets dumped. Was that intentional?

The script retrieves the existing query parameters and append it to the transformed URL. Have you tried adding the autoplay parameter manually?

<a class="lightbox external mfp-iframe lightbox-added" href="https://vimeo.com/*****/*****?iframe=true&autoplay=1" rel="nofollow">Watch Now</a>

Best regards,
Ismael

Hi,
Oh I see, the test page that I created should look good for all devices, desktop & mobile, please review the page and if you agree then you can trash your original page and rename the test page to use it. If you find something that you don’t like about the test page on desktop please let us know so we can help, but I don’t see a major difference between the two on desktop. I only see some very minor padding and spacing differences when I have the two in different tabs and switch back and forth, hopefully this minor spacing is not troublesome for you.

Best regards,
Mike

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