Hi webdesign,

Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Or the button should be added in the widget that will only display on mobile.

Best regards,
Victoria

Hi kgbrooklyn,

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

#top .av-menu-button > a .avia-menu-text {
    border: none;
}

I removed the imaged for you. Please check.

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

Thank you for sharing the details and sorry for the late reply.

There are a few steps you can try to fix this issue. Some of them are simple changes in the theme options and if that does not work you may need to just copy and paste some Quick CSS into Enfold theme options > General Settings > Quick CSS

Please refer to the below link

I have added the CSS code in Quick CSS area and fixed the menu running into the logo issue. I’m unable to reproduce the other 2 issues it looks fine on my end.

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