Hi,
I will try to use an example to explain better,
If your current live site and license is on “mysite.com”
then you can use as many copies on the subdomains like “stagingsite.mysite.com” “test.mysite.com” “newsite.mysite.com”
when you move to your new domain like “mynewsite.com” then you will need to purchase a new license,
you can purchase the new license a few days after you move it, just don’t include your “token” from your first license in the Enfold Theme Options ▸ Theme Update ▸ Enter a valid Envato private token on the new domain.
I hope thie helps.

Best regards,
Mike

Hey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top:not(.home) #wrap_all .container_wrap_first {
    min-height: 75vh;
    background-image: url(/wp-content/themes/enfold/images/background-images/floral-dark-compressed.png) !important;
    background-repeat: repeat;
}

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

Best regards,
Mike

Hey solinpaul2,
Thank you for your patience, unfortunately we don’t have a filter feature, you could try using a plugin, perhaps one of the ones in this article will help.
Our Masonry element has a sort option for posts & portfolio items, but I don’t think this is what you are looking for.

Best regards,
Mike

Hi,
To have a second blockquote color like green, you will need to add a custom class the blockquote, it looks like you are using Text Elements like this:

so switch to the Text tab and add the class: green

then add the css:

#top #wrap_all .all_colors blockquote.green {
    border-color: green;
}

this is the expected results:

Best regards,
Mike

Hey UPON,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .formcraft-datepicker .ui-datepicker-title select {
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    box-shadow: none;
    padding: 0 0.5em!important;
    height: 2.9em;
    vertical-align: top;
    margin: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    width: auto;
    display: inline-block;
    font-size: inherit;
    border-radius: 0;
}

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

Best regards,
Mike

Hey John,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .all_colors blockquote {
    border-color: red;
}

and change the color to suit, and then clear your browser cache and any cache plugin, and check.

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 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 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

Hey Frans,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title {
    visibility: visible;
    animation: caption-left 1s 1 cubic-bezier(0.1, 0.1, 0.1, 1);
}

the first number after the direction 1s is the duration of the animation, increasing this value will slow down thestart of the animation.
the next number 1 is the number of times the animation should repeat.
In cubic-bezier the first two numbers (0.1, 0.1) control the easing-in part of the animation, making it slower initially, I set these to the lowest numbers, from 0.9 to 0.1 so you should see a difference.
The last two numbers (0.1, 1) influence the easing-out part, ensuring a smooth finish.
If this is not slow enough for you then you should use a different animation like ease-in-out or ease-out.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey northorie,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
    color: #fff;
    background-color: purple;
}

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

Best regards,
Mike

Hey sophiasbiti,
To align your two icons side-by-side and center them in the page, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-3264 .avia-builder-el-20 {
	text-align: center;
}
#top.page-id-3264 .avia-builder-el-20 .avia-image-container {
	display: inline;
}

the expected results:

To have the icons closer you will need to choose images with less empty space around them, here you can see the empty space:

Best regards,
Mike

Hey Hector Moya,
Thanks for your question, but we don’t have any experience with the Kadence blocks, and I’m not sure how you would be able to use a block plugin within the Enfold Advanced Layout Builder since it doesn’t support “blocks”. Typically we don’t recommend using any other builders as they tend to conflict with the ALB, and the ALB can not be removed from Enfold.
I don’t see a practical way to create your pages with the Gutenberg editor and use the functionality of the Enfold elements.
I took a look at your page, specifically the header, but it seems to be fullwidth. Perhaps if your create a test page where you can demonstrate the issue, we can recommend so css, but I’m not sure if you will experience more conflicts as you create your site using the Kadence blocks, I would recommend using the Enfold elements to create your site.
That said if I had to use the Kadence blocks for a full-width hero header, I would try to use the Kadence blocks shortcode and inject the hero header using the ava_after_main_container hook, here is an example
If Kadence blocks doesn’t have a shortcode you could create one, or try some css like this to make the child element fullwidth when the parent is not:

.hero_container {
  width: 100vw !important; 
  position: relative !important; 
  left: calc(-50vw + 50%) !important; 
}

Please note that using the contact form which is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.

Best regards,
Mike

Hey Anouk,
Thanks for the link to your site, I see that you have a plugin called “WordPress Reset” did you use this plugin to “reset” your site? If you did there is no undo feature.
Try asking your webhost to restore the last full backup to get your site back, typically webhosts will create a full backup with a database backup once a month.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

h2.av-milestone-date {
    vertical-align: middle;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike