Hey Sabine,

Please refer to the documentation here: https://kriesi.at/documentation/enfold/social-share-buttons/

Best regards,
Rikard

Hi,

Thank you for the inquiry.

You may need to install the following plugin in order to make the links of the buttons accessible in the video slide.

// https://github.com/KriesiMedia/enfold-library/tree/master/integration%20plugins/Enfold/Slider%20Video%20Controls%20Fix

Best regards,
Ismael

Hi,
Thank you for your patience and the login to your site, so for the page linked below where you added the custom class roundbutton, I don’t find any css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field or in your child theme ▸ style.css.
It looks like you mostly add your custom css to the WordPress ▸ Customize ▸ Additional CSS field, which is good, but I don’t find the customization that Ismael recommended anywhere, so I assume that you have removed it. I see that instead of using custom css you are using the element Advanced ▸ Position ▸ Image Position, which is good.

but please note that this was for the desktop resolution only, for the other sizes the position is using the same desktop position:

so you will want to set each resolution size position option, for example for small screens (between 480px and 767px – eg: Tablet Portrait) I set it to top -40 & left -40

and now the position is better:

for the smallest screens you have the element hidden, so there is no need to set the position:

and for medium sized screens (between 768px and 989px – eg: Tablet Landscape) the current desktop position seems to work fine, so there is no need to set the position:

please clear your browser cache and check this page and if you find it working now please adjust your other pages accordingly.

Best regards,
Mike

Hi Guido,

You can start a new thread by following this link, or if you click this button: https://imgur.com/a/AnoSPNb.

Best regards,
Rikard

Hi,

Thanks for contacting us!

Please refer to this post – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

Apparently Mastodon icon is not available on Fontello so please check under “Using images or non-Fontello icons” section :)

Regards,
Yigit

Hey finchkelsey,
Thanks for your question, if you have the accordion set to “open one at a time” then each time you click the title the accordion open or closes, and you should be seeing a plus or minus icon next to the title, this could be your button? The full title is basically a button. You can also added more text to the title, I don’t think there is a limit.
Perhaps if you could link to a mockup we could understand better.
If you find the accordion too limiting in style you could use jQuery to toggle visibility of an element, here is an example.
Perhaps this could work if you added a button and image inside of a text element and on load only the button and text showed with clicking the button shows the image?
If you think that using other elements would help then try linking to a test page and explain the behavior and perhaps we could help or understand better.

Best regards,
Mike

Hi A,

There were many errors in your custom CSS related to the way you add comments in CSS. I have corrected them. Following is the correct way of adding comments in CSS

/* Comment goes here */

And you had following custom CSS in Quick CSS field which was overriding default styling

#top .av-menu-button > a .avia-menu-text {
  font-size: 16px !important;
  font-family: 'Lato' !important;
  background: #9cae30 !important;
  border-collapse: separate !important;
  border-width: 0px !important;
  border-color: white !important;
  border-radius: 5px !important;
  color: white !important;
  opacity: 1 !important;
  padding: 10px !important;
  box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important;
  -webkit-transition: 0.3s !important;
  -moz-transition: 0.3s !important;
  -ms-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  transition: 0.3s !important;
}

I changed it to following

	#top .av-menu-button > a .avia-menu-text {
			font-size: 16px!important;
			font-family: 'Lato'!important;
			/* background: #9cae30!important; CAMBIO ANDREA  */
			border-collapse: separate!important;
			border-width: 0px!important; /* CAMBIO ANDREA 30/6/2022, prima c'era 1px */
			border-color: white!important;
			border-radius: 5px!important;
			color: white!important;
			opacity:1!important;
			padding:10px!important;
			/* box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5)!important; */
			-webkit-transition:	0.3s!important;
			-moz-transition:	0.3s!important;
			-ms-transition:		0.3s!important;
			-o-transition:		0.3s!important;
			transition:			0.3s!important;
                         border: solid !important;
	}

You can now change border color in Enfold theme options > Advanced Styling > Menu Item Button with Border :)

Best regards,
Yigit

Hey virtualbis,

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

.avia-button.av-9sm6i-a4825a76fda65903aec8c6e47139e571 {
  color: #fff !important;
}

Best regards,
Rikard

Hey Mehran,

Thanks for contacting us!

Please edit your Tab Section element and go to General > Tab Buttons Out Of Screen Behaviour and choose to display arrows.

If you do not have that option, you might be using an older version of the theme. If that is the case, please refer to this post – https://kriesi.at/documentation/enfold/theme-update/ and update Enfold to the latest version 5.1.

If you have any other questions or issues, please register to our support forum – https://kriesi.at/support/register/ using your purchase code and start new threads under Enfold sub forum :)

Best regards,
Yigit

Hey casadives,

Thank you for the inquiry.

There is an available filter that we can use to add more options to the social icon element. Please check the following documentation for more info about the said filter.

// https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

These threads should also help.

// https://kriesi.at/support/topic/tiktok-in-social-media/#post-1189115
// https://kriesi.at/support/topic/adding-tiktok-for-social-profiles-the-correct-way/#post-1353254

Best regards,
Ismael

Hey ScenesBySevy,

Thank you for the inquiry.

The buttons are not accessible because of the slider’s permanent caption. You may need to install this plugin in order to fix this issue.

// https://github.com/KriesiMedia/enfold-library/tree/master/integration%20plugins/Enfold/Slider%20Video%20Controls%20Fix

Please provide the FTP details in the private field so that we can activate the plugin and add the necessary adjustments to the slideshow template.

Best regards,
Ismael