-
Search Results
-
In reply to: Enlarging Header Image
Hey northorie,
I recommend first removing the transparent empty space from the image:
This will make the image fill the 1/3 column better.Best regards,
MikeIn reply to: Change Menu Text on Hover
Hey northorie,
To change the menu text of the “home” menu item from “home” to “go” on hover, you will first need to know the menu item ID,
for example “#menu-item-3638” then adjust this css to suit:ul.menu li#menu-item-3638 a:hover .avia-menu-text { color: transparent; justify-content: center; display: inline-flex; flex-direction: column-reverse; } ul.menu li#menu-item-3638 a:hover .avia-menu-text::after { content: "Go"; color: black; justify-content: center; display: inline-flex; }
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,
MikeI had to replace the original gallery with a plugin to get the site working in the meantime.
I have created a specific page to replicate the problem (Added in Private). However the replicated page was not giving the problem. Since the first replication attempt did gave the problem I am assuming the issue is possibly with the images I was originally using? I had 15 images originally and 4 did not upload in Chrome as they exceeded 2560 pixels. The remaining 11 were just under that and are what I was working with when I encountered the gallery issues.
As mentioned I installed a plugin to get around the issue and it worked with the 11. I have since then removed the 11 to have them reworked, replaced them with compact placeholders, and when I replicated the page just now to demonstrate the problem with newer smaller images it is not occurring.
Using Firefox I tried reuploading the original 11, but Firefox has been more verbose in encountering errors and refused to upload all but 2 of the original images and those 2 seemed to have completely messed up the test page. I can’t even get the editor to load anymore.
So could it be despite successfully uploading the original images in Chrome, they were too large for the gallery to work with? Is there an upper limit to what it can work with despite giving no errors?
Topic: Enlarging Header Image
Hello,
I have created this page for a client: http://www.lichtblick-ulrich.de/.
I would like to make her photo on the right in the header larger, but I can’t manage to do it.
Can you help?Best regards
In reply to: Galery looks strange, Lightbox much too big
for that small images below – there is in relation to its own dimension a big padding (7px for images that are approx. 30px)
so set the padding to a smaller value:#top div .avia-gallery .avia-gallery-big, #top div .avia-gallery img { padding: 2px; }here the big image above is included to that new padding – so that the large image is aligned with the block of small images.
________
I always set my lightbox so that the background does not scroll.
There is now a filter for this which you can set in the child-theme functions.php.add_filter( 'avf_default_lightbox_no_scroll', '__return_true' );Apart from that, I don’t see the reason why these extreme heights are set for mfp-bg and mfp-wrap. The usual values are 1600 to a little over 2000px, why is it twice that in your installation? …
In reply to: Mobile view top area formatting
Wait, how will this help the formatting on mobile view issues? The top part should go all the way up, like the good screenshot website. And Blissfull also need to have the logo and cart images spread out more, instead of compacted. thanks
Hi guy,
something happened to my galeries.Under the big image theres a lot of space and the lightbox is much too big so you have to scroll to see the pic.
Please help with a solution.
thanks in advance
augeHi,
To remove the image title from showing on the logo on mouse-over, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $('img').hover(function(e){ $(this).attr('data-title', $(this).attr('title')); $(this).removeAttr('title'); }, function(e){ $(this).attr('title', $(this).attr('data-title')); }); $('.av-masonry-image-container').hover(function(e){ $(this).attr('data-title', $(this).attr('title')); $(this).removeAttr('title'); }, function(e){ $(this).attr('title', $(this).attr('data-title')); }); $('a').hover(function(e){ $(this).attr('data-title', $(this).attr('title')); $(this).removeAttr('title'); }, function(e){ $(this).attr('title', $(this).attr('data-title')); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeDear Enfold- Support!
First of all many thanks for your outstanding work and coding abilities, which you present here. With the help of the Forum I could fix most of the problems I encountered building my site.
However, there are still a few very annoying errors which I wasn’t able to fix, I hope you can help me out.
The site address is [in the private content area]
1) I don’t want the image caption of the header logo to show up on mouseover – i found no option to hide the caption in the enfold header settings
2) The blue footer area (with the Copyright and Impressum link) ist way too large, I would like to have it approx. double the size as the dark blue subfooter area. Especially on mobile view, this area is huge, which does look very strange.
3) Although I set a favicon which is normally displayed in the Chrome Tab on PC and Mobile, on Ipad Chrome browser there’s still the normal WordPress Icon – how can I fix this?I think thats all for now!
Again thank you for your great help!
I have been racking my brain trying to get the galleries working on a new site. I kept trying to update, change the images and nothing would change. If I used the basic Gallery, it would just pick the last 5 images in the media library and would show “no items” in the edit gallery page.
I switched to Masonry and it would allow changes to columns and sizing, but again “no items” in the edit gallery page and the on the gallery page it just displays every image in the media library.
Same if I switch to horizontal gallery.
Additional Troubleshooting so far:
I tried:
Different browsers (Chrome, Edge, and Firefox)
Disabling browser anti-virus
Different machines
All elements should be up to date
Disabled all caching
I rolled back to enfold theme proper from the enfold child theme in case I messed up the php (trying to get header widgets working).
I disabled all plugins except the management ones (bluehost, jetpack, woocommerce) and even wordfence.
I tried through connecting through cell phones in case of firewall rules
I tried switching to a basic theme but those did not have any dynamic galleries to test with
I tried looking for errors in the cpanel logs (Found none for this site)
I tried making new pages
I made sure the user was connected to wordpress.comso any ideas?
I should also note that Enfold instructions on adding flex parameters to header widgets did not work me as it gave me a php error on anything that started with a “.” (So .responsive, .media, etc would not work). Not sure if related but I may start a separate topic on it if its not (Flex somehow not installed?).
Update: I was shown by the hosting service how to check the wordpress error log correctly and found an error:
PHP Warning: Undefined variable $permalink in
~wp-content/themes/enfold/config-gutenberg/class-avia-gutenberg.php on line 1463keeps repeating over and over. I’ll try a fresh reinstall with a new downloaded copy.
Update 2: Reinstalling seems to have removed that error, but did not solve the original issue. Ideas?
-
This topic was modified 1 year, 2 months ago by
. Reason: Additional info
-
This topic was modified 1 year, 2 months ago by
-
This topic was modified 1 year, 2 months ago by
-
This topic was modified 1 year, 2 months ago by
-
This topic was modified 1 year, 2 months ago by
In reply to: masonry gallery showing whitespace around images
Hey nulrick,
Thank you for the inquiry.
You can add this code in the Enfold > General Styling > Quick CSS field to adjust the width of the masonry images.
.av-masonry-image-container img { margin: 0; width: 100%; }Let us know the result.
Best regards,
IsmaelIn reply to: A
Hi there… How can I remove the white space around the images in my masonry gallery so that the images are flush beside each other…? When I adjust my screen size or look at them on mobile, there is white space between them. All the images in this gallery will be different dimensions, but I want them to fluidly wrap and adjust to the break points as necessary.
Thanks!
As above – I have disabled caching and i still get the error.
If it were caching related then the other 70 enfold sites we have on our server would have the same issue and they dont.
The site is extremely large so I think this is a scalability issue with Enfold and the ALB image element.
It has thousands of images in the library.
Hello,
I am working on my blog page (Publications and Articles). I added a right sidebar to the page, however it is not showing the categories up top. It only shows them way on the bottom. How can add them to the top by the blog?
Also, the blogs end with …. how can I make it say “Read More” with link instead?
I like to show a row of images (Underneath) related to other blogs, so they can see what’s available and click.
Can I control the order of the blogs? What are my options?
And, can I show blogs deeper? Like a page full of blogs rather than just show 3?
Thank you for your help. Please be as simplistic as possible in your reply, as I am new to your Enfold theme, and don’t know “exactly” where to find your directions!
The issue has returned.
We need to investigate a possible memory leak with the alb image element.
Something is causing a memory leak or causing the query to fail.
If we edit the homepage and then click on an image element to edit it we get an empty window and the errors below in the console in Plesk.
If we have redis enabled:
AH01071: Got error ‘; PHP message: PHP Fatal error: Allowed memory size of 536870912 bytes exhausted (tried to allocate 1310720 bytes) in /var/www/vhosts/domainname.com/httpdocs/wp-content/object-cache.php on line 2534’, referer: https://domainname.com/wp-admin/post.php?post=14&action=editIf we have redis disabled:
AH01071: Got error ‘PHP message: PHP Fatal error: Allowed memory size of 536870912 bytes exhausted (tried to allocate 5242880 bytes) in /var/www/vhosts/domainname.com/httpdocs/wp-includes/class-wp-object-cache.php on line 239’, referer: https://domainname.com/wp-admin/post.php?post=14&action=editThis is accompanied by a console error:
Failed to load resource: server responded with a status of 500 ()
wp-admin/admin-ajax.php
wp-admin/load-scripts.php
I am assuming these two errors are because the process has stopped – And the cause is something to do with the issues above.This problem occurs in php 8.1 and above. It does not occur in php 8.0
its a rebuild of a current site so actually we just want to recreate the header they have on
they have an image left, logo centre and html text right. then the menu below.
I thought like this example would work:
In reply to: Product Slider Issue
The same issue occurs for me on the staging site on desktop and on mobile.
What I’ve noticed is that if I click on one of the slider arrows to show the next set of images, they are correct.
If I slide backwards, then the original ones are fixed somehow.
The issue still persists.
NSFW
Mobile view top image doesn’t go all the way to top and logo/menu are squeezed in on the blissfullcreations.com site.
This website used to show correctly on mobile view, but now it doesn’t. I included 2 screenshots of 2 of my sites. 1 shows correctly and the image goes all the way to the top of the phone with no space at the top, And, the logo and cart are spread out and close to the edges of image area.So, can you get me CSS code for the “incorrect” one that has space at the top and the logo and cart and squeezed in too tight?
Thanks
In reply to: Product Slider Issue
Hi,
Thank you for creating the staging site.
The related product images are displaying correctly when we checked. Did you disable the plugins or change anything in the staging site?
Best regards,
IsmaelHey purplecloud,
Please try the following in Quick CSS under Enfold->General Styling:
#text-3 { position: absolute; left: 0; } #media_image-3 { position: absolute; right: 0; }Best regards,
RikardIn reply to: Easy Slider caption mobile view
Sorry, my bad.
The captions on the easy slider when viewed on a mobile are either being cut off or taking up too much real estate in the slider.
I would like to reduce these captions for mobile view.See link for image
Hey there,
We’ve just updated from Enfold v4 to Enfold v6 – however, one section is broken.
We have a Masonry Filter in this URL: (in private content). When updating to V6 of the Enfold theme, that section breaks and just shows the shortcode:
[av_masonry_entries_filter link=’portfolio_entries’ bedroom_tag=’post_tag,60,61,62′ storeys_tag=’post_tag,63,64′ design_tag=’post_tag,89,76,77,78′ default_storeys_tag=’post_tag’ size_min=’10’ size_max=’55’ sort=’yes’ items=’-1′ columns=’3′ paginate=’pagination’ query_orderby=’title’ query_order=’ASC’ size=’fixed’ gap=’large’ overlay_fx=” id=’testing2′ caption_elements=’title excerpt’ caption_styling=” caption_display=’always’ color=” custom_bg=”]
And in the Avia Layout Builder, we don’t have the Masonry Filter element at all anymore (see images).
Can you please let me know if this was removed? I couldn’t find any reference to it online anywhere? I tried implementing it into the new theme myself by copying the shortcode file to the legacy folder in V6 but that didn’t work.
I tried using the standalone Masonry element too, but it’s not possible to get all the filters we have on the original one.
Can you please let me know how we can do this with the v6 Enfold theme?Topic: Blog Page layout
I would like the blog page to look like this:
Headline (Large)
Artist|Date
Image (to fit)
Copy2x in columns
then, far right, the categories, with a dividing line between them.
My client is asking for it to look like this page:
https://innovationgadfly.com/Can you help me with how to do this?
Thank you!
In reply to: Image resize quality settings
Hi,
Thank you for hte update.
Yes, the theme sets the quality to 100 by default, but it’s possible that your compression plugin is overriding this. If you want to increase the quality, make sure to remove the filter and adjust the image compression settings until you’re satisfied with the result.
Best regards,
IsmaelIn reply to: Woocommerce Germanized unit price display
Hi,
We added the css code again to fix the gzd-units issue. The cart is now displaying correctly, but we noticed this css code displaying as the product description. Did you add it somewhere?
.avia-image-container.av-av_image-70942f4ece25f9d140bd165bef5aab88 img.avia_image{ box-shadow:none; } .avia-image-container.av-av_image-70942f4ece25f9d140bd165bef5aab88 .av-image-caption-overlay-center{ color:#ffffff; }Best regards,
IsmaelTopic: Blog page with sidebar
I am having trouble with making a blog page. I want the blog to be 3 columns, but also have a sidebar on the left showing the categories (so people can click a category to read that).
I can’t figure out how to make that happen, as I want a large image, excerpt copy and a Read More… button.
Can you please help me, very specifically? Down to even selecting default editor or adv. layout? Hopefully without coding?
I’m really struggling!
In reply to: Video in Header
have a look at : https://webers-testseite.de/bemopriv/
the heading had to be styled for responsive case – but I didn’t feel like doing that anymore.the layout is based on a grid-row element
this is the enfold shortcode of the grid-row:
[av_layout_row min_height_percent='percent' min_height_pc='60' min_height='0' border='' fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' color='main_color' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' fold_timer='' z_index_fold='' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='full-bg-image' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-m6f9v8gq' sc_version='1.0'] [av_cell_three_fourth vertical_align='middle' padding=',,,' av-desktop-padding=',,,80px' av-medium-padding=',,,80px' av-small-padding='3' av-small-padding_sync='true' av-mini-padding='20' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' link_dynamic='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-m6f9ukqb' sc_version='1.0'] [av_four_fifth first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='1' border_style='solid' border_color='#000000' radius='15' radius_sync='true' min_col_height='' padding='30' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' fold_type='' fold_height='' fold_more='Read more' fold_less='Read less' fold_text_style='' fold_btn_align='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='rgba(0,0,0,0.5)' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' src_dynamic='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' fold_overlay_color='' fold_text_color='' fold_btn_color='theme-color' fold_btn_bg_color='' fold_btn_font_color='' size-btn-text='' av-desktop-font-size-btn-text='' av-medium-font-size-btn-text='' av-small-font-size-btn-text='' av-mini-font-size-btn-text='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-desktop-parallax_parallax='' av-desktop-parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' fold_timer='' z_index_fold='' css_position='' css_position_location=',,,' css_position_z_index='' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' link_dynamic='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' element_template='' one_element_template='' av_uid='av-t574on' sc_version='1.0'] [av_heading heading='FREEZE FLAT™' tag='h1' style='blockquote modern-quote' subheading_active='subheading_above' show_icon='' icon='ue800' font='entypo-fontello' size='' av-desktop-font-size-title='48' av-medium-font-size-title='42' av-small-font-size-title='36' av-mini-font-size-title='28' subheading_size='' av-desktop-font-size='36' av-medium-font-size='28' av-small-font-size='24' av-mini-font-size='20' icon_size='' av-desktop-font-size-1='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='#ffffff' seperator_color='' icon_color='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' headline_padding='' headline_padding_sync='true' av-desktop-headline_padding='' av-desktop-headline_padding_sync='true' av-medium-headline_padding='' av-medium-headline_padding_sync='true' av-small-headline_padding='' av-small-headline_padding_sync='true' av-mini-headline_padding='' av-mini-headline_padding_sync='true' padding='10' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' icon_padding='10' av-desktop-icon_padding='' av-medium-icon_padding='' av-small-icon_padding='' av-mini-icon_padding='' link='' link_dynamic='' link_target='' title_attr='' id='' custom_class='iceglas' template_class='' element_template='' one_element_template='' av_uid='av-m6e7xj5g' sc_version='1.0' admin_preview_bg=''] The Original [/av_heading] [/av_four_fifth][/av_cell_three_fourth][av_cell_one_fourth vertical_align='bottom' padding='' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' link_dynamic='' linktarget='' title_attr='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-u4sunr' sc_version='1.0'] [av_video src='https://www.youtube.com/watch?v=W73GdyDSHuU' mobile_image='https://webers-testseite.de/wp-content/uploads/dynamic_avia/avia_video_thumbnails/youtube/W73GdyDSHuU/W73GdyDSHuU.jpg' attachment='49853' attachment_size='full' video_autoplay_enabled='aviaTBvideo_autoplay_enabled' html5_fullscreen='aviaTBhtml5_fullscreen' format='16-9' width='16' height='9' conditional_play='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-m6f9u95o' sc_version='1.0'] [/av_cell_one_fourth] [/av_layout_row]In reply to: Partner Logo element cutting off logos
Mike, my main problem is that the images are huge on my site. I want them half the size they are now, with lots of space between each, while showing the entire logo. Exactly how it is on your demo page.
How do I accomplish this? If you look on the site, many logos are cut off side to side!
Is there a specific size I should be making the original pngs?
ALSO, I want the buttons on the bottom. You can’t see the arrows on the top right, but the theme doesn’t seem to accept when I chose that.
Please help with this specific problem.
In reply to: Image resize quality settings
-
This topic was modified 1 year, 2 months ago by
Viewing 30 results - 2,281 through 2,310 (of 106,492 total)
