Forum Replies Created
-
AuthorPosts
-
Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #main { padding-top: 10px !important; } }
feel free to adjust to suit, after applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Ok please leave that disabled, and include a admin login so we can adjust the code and a client login so we can test.
Please note that I don’t think you can test with a admin login, it should be a client level login.Best regards,
MikeHey Kelly,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#av-sc-portfolio-1 .grid-image.avia-hover-fx:hover .image-overlay.overlay-type-extern .image-overlay-inside { content: url(https://www.boomtownbrew.com/wp-content/uploads/2023/04/LasPalmas-BoomtownBrewery_350-2.png); } .main_color #av-sc-portfolio-1 .image-overlay .image-overlay-inside:before { background-color: transparent; } .avia_transform #av-sc-portfolio-1 a:hover .image-overlay { opacity: 1 !important; }
This will make mouse-over a different image, you can change the image to a gif and make each one different, first test the css to see how the image changes.
Best regards,
MikeHi,
Above you linked to /bliv-medlem/, not /dashboard/ perhaps that is the issue?Best regards,
MikeHi,
MACOSX is not the correct font name, it is the name of the directory in the zip file, try deleting this and then extracting the font zip file on your computer and remove all directories including “MACOSX” and then rezip the font file.
Then when you upload it the correct name will show “Blakely”.Best regards,
MikeJuly 22, 2024 at 10:31 pm in reply to: Text colors for Black background for Shop and Products #1462714Hey bemodesign,
The white lines on the sides of your images are in your thumbnails, see the direct link to your image below.
Try changing the size of your images so they are square then when you upload them they will not be cropped with the white sides.
It looks like the images that you are uploading are portrait and not square.Best regards,
MikeHi,
It looks like you are adding the full URL with a leading backslash before it, try using only the page URL like this:function custom_redirect_after_login( $redirect, $user ) { // Check if the user is logging in from the WooCommerce login form $requested_redirect_to = isset( $_REQUEST['redirect_to'] ) ? $_REQUEST['redirect_to'] : ''; if ( empty( $requested_redirect_to ) && ( is_account_page() || is_page( 'for-medlemmer' ) ) ) { // URL of your custom My Account page $custom_account_page_url = site_url( '/dashboard/' ); $redirect = $custom_account_page_url; } return $redirect; } add_filter( 'woocommerce_login_redirect', 'custom_redirect_after_login', 10, 2 );
Best regards,
MikeJuly 22, 2024 at 5:29 pm in reply to: Menu in transparant box with logo area with separate background #1462686Hi,
Well, I don’t think that my solution above will work for you. I guess you will need to use the standard menu and try to customize it with css to look the way you want for desktop and then use the standard burger menu for mobile devices. So far I have not been successful at this, but I will keep trying.Best regards,
MikeHi,
Often when a page is corrupt in this way, you can not correct it and save again, the error just returns, typically using the page Revisions will also not work, but perhaps if you go back far enough it might work, it might be worth a try. But please note to might not be able to recover if it breaks this page.
I would recommend creating a staging copy of your site first to test on.
I would draw your attention to the av_fullscreen shortcode in the beginning of the text elements, this is your full screen slider at the top of your page, but it shows in the text element below the slider:
and it also shows in the last text element on the page:
so this doesn’t match the frontend of your site, as you don’t have more than one full screen slider on your page, thus this page is corrupt and I don’t see a way to correct it,
this is why I recommend either recreating the page in a new blank page, or using your server backup. I know you said that you would have to go back years, but it sounds like you have not been able to update the page in years, so the backup should be the same as the last time you edited the page. In my guess.Best regards,
MikeHi,
Ok, so you have had this issue for a few years?
The ALB code doesn’t become outdated, but unclosed HTML tags can break the backend of a site and the frontend can still look fine, this is because of how the shortcode is rendered for the frontend.
For your homepage each of the elements on the backend seem to show the code for the whole page and not for the specific element, I copied a couple of them and compared the code.
Unfortunately this page is corrupt and I don’t see a way to correct it, I believe your best option is to restore your site to a older working version, or you could try using the page Revisions to go back to before the page was corrupted, probably by saving it as a Block Editor page, or you could create new pages from scratch.Best regards,
MikeHi,
I don’t believe that there is a issue with backward compatibility, we would have also experienced this on our sites and seen other users post this, but I have seen shortcode in the text element become corrupt as in this screenshot:
https://img.savvyify.com/images/2024/07/21/Enfold_Support_6362.md.jpg
I also note that you seem to have put your ALB shortcodes in a text element, instead of adding the elements to the page, do you recall building your pages like this, it is unusual.
You could try rolling back to the older version, or restore your server backup to before you updated.Best regards,
MikeHi,
Thanks for the screenshot, I have not seen anything like this before so wee will need to login and check, but first you will need to use your new license to register for the support forum and open a new thread so we can help further.
Currently this post is using the contact form which is not appropriate for support questions like this, we are glad could help you so far, but we ask that you use the support forum for further support.
Thank you for understanding and using Enfold.Best regards,
MikeHi,
When you write:top:27%; is my live view in my smartphone good, but the view in the browser development is bad.
it sounds like you are referring to this custom css:
because it is the only one that is a percentage, but this one should not change your device vew because it has the max-width of 736px, which is smaller than your device.
This custom css should be the one that works on your device:
because it’s max-width is the same as your device, but I not sure if you are changing the top:16px; to top:27px; or 27%
If I’m correct about this, change this css to:@media only screen and (max-width: 373px) { .inner-container { position: relative; top: 16px; } }
so it stops working at 373px and then add this css for your device:
@media only screen and (min-width: 374px) and (max-width: 379px) { .inner-container { position: relative; top: your-value; } }
and adjust the your-value to what looks good on your device.
This way other devices will still look correct, it get tricky when a single device doesn’t display correctly, but I think this will work for you.
When I check with my iPhone 7 which has a screen width of 320px, the logo looks just like it does in the browser development tool for the same width.Best regards,
MikeJuly 21, 2024 at 6:55 pm in reply to: Padding conflict in the Menu between COLOURED button and OUTLINE (?) Button #1462619Hi,
Glad that this worked for you, I expect that the Dev Team will have this corrected for the next update, but I will post here again when the Dev Team replies to the issue that I linked to. The link is for Mods only, that is why you can’t view it.Best regards,
MikeHi,
kwanumzen108 it looks like you have pasted theme shortcode into a text element, but you have extra HTML before and after the shortcode, typically this will cause breaks:
sometimes this occurs when a page is saved as a default WordPress builder page, and then converted back again.
cws0827 I’m not sure what you mean by scenery theme package, please open a new thread with the url to the page in question and an admin login so we can be of more assistance. It gets confusing when we are working on more than one site per thread. Thanks for understanding.Best regards,
MikeHi,
Please post the screen resolution of your smartphone, perhaps you are not matching the same size or you are not clear your browser cache.
When I check the browser developer tool and my devices look the same.Best regards,
MikeHi,
Glad to hear, we will close this then, thanks for using Enfold.Best regards,
MikeHi,
Glad to hear that you have this sorted out, 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,
MikeJuly 20, 2024 at 10:28 pm in reply to: Adding css for special heading only for specific pages #1462586Hey Jak73,
The title fields do not support HTML, such as links. A possible work around is to use our plugin Special Character Translation please read about it in our documentation here. Then you can add this code to your title to show the less than symbols of the HTML: ###lt###.
Or try using a text element to simulate the special heading element.Best regards,
MikeHi,
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,
MikeJuly 20, 2024 at 9:20 pm in reply to: Adding css for special heading only for specific pages #1462578Hey Jak73,
Like this:#main .container_wrap_first .av-special-heading.custom-class { margin-top: 0px; padding-top: 12px; padding-bottom: 8px; }
custom-class is your custom class
Best regards,
MikeHey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#socket #avia3-menu .avia-menu-text { color: #000; } #socket #avia3-menu .avia-menu-text:hover { color: #ccc; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJuly 20, 2024 at 8:57 pm in reply to: Padding conflict in the Menu between COLOURED button and OUTLINE (?) Button #1462574Hi,
I disabled the Separator Between Menu Items and now your buttons show correctly, please check.
I posted to the Dev Team for their review, Thank you for your patienceBest regards,
MikeHi,
There is no limit to the page size, but unfortunately access is still blocked.
Have you tried to disable all of your plugins, this could be a plugin conflict.Best regards,
MikeHi,
When I check your contact page it looks like you are using a plugin “formidable” I have not used this plugin, but your WordPress ▸ Settings ▸ General ▸ Administration Email Address is the email that you don’t want to used, try changing it.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, shall we close this thread then?Best regards,
MikeHi,
The correct font family name is Seymour-One with a dash, I corrected it for you, please clear your browser cache and check.Best regards,
MikeHey navindesigns,
Thank you for the link to your site, it looks like the burger menu color is black on a black header background, so it is not seen, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to make it white:.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #fff; }
For the table height, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function custom_table_script() { ?> <script> (function($){ $(window).load(function(){ $('.page-id-2333 .avia-pricing-table-container').each(function(){ var $columns = $('.pricing-table',this); var maxHeight = Math.max.apply(Math, $columns.map(function(){ return $(this).height(); }).get()); $columns.height(maxHeight); }); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_table_script', 99 );
and this css in your Quick CSS:
.page-id-2333 .pricing-table li.empty-table-cell { display: block; } .page-id-2333 .avia-pricing-table-container .pricing-table li:nth-child(6) { height: 62px; }
Best regards,
Mike -
AuthorPosts