Hey,

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:

#scroll-top-link:hover {
  color: white;
}

Cheers!
Yigit

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
OK, good. I understand that you want the Pro version, I was thinking that if the Free version works with Enfold than there is a good chance that the Pro version would also work.
I recommend testing the free version while tou wait to hear back from them. I would also ask them if you can get a refund for the Pro version if you have trouble with it.

Best regards,
Mike

Hi,

Thank you for the update.

Did you purge the cache before testing the page? You may have to toggle or temporarily disable the Enfold > Performance > File Compression settings as well. Please make sure to perform a hard refresh before testing the page.

The code above should adjust the size of the h1 element. If you want to change the size of the h2 element manually, just copy the css rule above, then replace all instances of the h1 selector.

  #top #wrap_all .header_color h2,
  #top #wrap_all .main_color h2,
  #top #wrap_all .alternate_color h2 {
    font-size: 24px;
  }

Or as suggested above, you can adjust the font size settings in the Enfold > General Styling > Typography panel.

Best regards,
Ismael

Hey ThorstenFB,

Thank you for the inquiry.

There is no option for this out of the box. You only can lock the builder elements for non-admins by enabling the Lock Advanced Layout Builder option in the Enfold > Layout Builder panel, but this will also affect the custom elements.

Best regards,
Ismael

Hey amanda-mdllc,
Thank you for the link to your site, to add the background image to the header try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#header_main {
height: 170px;
    background: url(https://campfire-sunshine.org/wp-content/themes/CampFireCouncilTheme/images/header-small.jpg) no-repeat center top;
    background-size: cover;
}

After applying the css, please clear your browser cache and check.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Yigit could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey gfriend70,
Thanks for the link to your site, but I was not able to login, it seems the password is not correct.
Try going to Enfold Theme Options ▸ Sidebar Settings ▸ Page Sidebar navigation and disable this option.

Best regards,
Mike

Hey Oriano,
I tried searching for Motopress Hotel Booking Plugin but I didn’t find any results for using it with Enfold, I did find that they offer a free version: Hotel Booking Lite so assuming that it is built the same way, perhaps you can test with it and ask the plugin author if it works in the same way.

Best regards,
Mike

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

Hi Henning,

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:

@media only screen and (max-width: 480px) {
.avia-slideshow-dots {
  display: none;
}
}

If this doesn’t help, please send us a screenshot showing the changes you’d like to make.

Best regards,
Yigit

Hi Henning,

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:

#top .special_amp {
    font-size: inherit;
    line-height: 1;
    font-style: normal;
    font-family: inherit;
    font-weight: inherit;
}

Best regards,
Yigit

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