Hey OKEIwebbureau,

Try adding this css code in Quick CSS:

.home .avia-smallarrow-slider .slide-image {
  background-color: transparent;
}

As for the button you can modify it in Enfold > Advanced Styling.
Hope this helps.

Best regards,
Nikko

Hi,

Please enable custom CSS class name support from Enfold theme options > Layout Builder
Add a custom CSS class name “my-custom-button” to the button element.

Use the code provided in the below link

Let us know if you have any questions :)

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

@media only screen and (max-width: 767px)  {
.responsive #top.home #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
    padding-top: 0 !important;
}}

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hey Jen_22,

Thank you for contacting us and sorry for the delay.

To position the post meta elements please refer to the below link

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

If you still do not see the changes please post a link to your site.

Best regards,
Vinay

Hi crtdude,

This plugin seems to work fine: https://wordpress.org/plugins/ultimate-member/
I haven’t fully explored everything but have tested it’s content restriction and it works fine.
Shortcodes work fine inside Text Block or Code Block, however for other elements, for example a button you’ll need to enable Debug Mode first. And once it’s enabled you should be able to see some shortcodes at the bottom of the Layout Builder, this is where you insert the shortcode for access restriction.

The generated pages of Ultimate Member works fine as well (Register, Login, Account, etc).
I hope this would help.

@Tia glad that you found a workaround.

Best regards,
Nikko

Hi flipstar99,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 479px) {
    .responsive #top .col2-set .col-1 {
        display: block;
        min-height: 355px;
    }
    #top form.login, #top form.register {
        min-height: 330px;
    }
    .woocommerce .login .button {
         margin: 10px;
    }
    .woocommerce .login .lost_password {
        top: 0em;
        float: left;
        width: 100%;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey Bruno,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.slideshow_align_caption {
        vertical-align: bottom;
}
#top #wrap_all .avia-slideshow-button {
    width: 70vw;
}

The element in question is not a button, it is a full-width slider caption :)

If you need further assistance please let us know.

Best regards,
Victoria

Hi GriffinGraffix,

Sure, what I meant with fetching old css is for example in the style.css of your child theme you recently added some css code however when you view you didn’t see its effect, the first thing you can do is check view page source then find the link in style.css: https://purrproject.com/wp-content/themes/enfold-child/style.css?ver=4.6.1
Browsers often stores css/js files in the cache, and when you check on it the css code you added isn’t showing in there, the solution for this is busting css cache or you can clear your browser cache.
If the recently added code is showing but isn’t working on your site, you can try to inspect element and see what css is overriding it.

As for the generated css file from Enfold overriding your custom styling, it’s because of the order and the only way ensure that your code won’t be overridden is to put more weight on your selectors. For example you have this code:

.avia-button {
  font-weight: bold;
}

and this gets overriden, you can instead replace it with:

#top .avia-button {
  font-weight: bold;
}

For more information on this you can check for CSS Specificity: https://www.w3schools.com/css/css_specificity.asp

Best regards,
Nikko

Hey NoraGTS,

Please refer to the following:

You would likely need to add the login script to a text widget after Step 5.

Best regards,
Jordan Shannon