-
Search Results
-
Hi all,
as the topic suggests: how would I hide the header background image on mobile and show only logo.
I clicked myself through the forum, but none of the suggestions worked for me.Can you help, please?
txs
StefanLast thing I tried was:
`@media only screen and (max-width: 767px) {
.home #av_section_1 {
background-image: none;
}
}Hi Guys,
This is my first enquiry so there might be an existing thread that I could not find.
I’m building a new website to replace 4 older websites with the guidance of two people working in the industry. I myself am a bit handy and a quick learner, but not a professional at all. The website is almost done and the past three days I have spent putting Alternative Text to all the images in the Media Library. So I went from the dashboard to media library in the main menu. Opened the image, filled in the box where is says “alternative text”, clicked next (to go to the next image) and so on. When I was done with the entire library, I checked a couple of random pictures to see if all was there and to see if I was really, finally, done. It was. All the “.” and capitals were in the right place.
Now two days later, I was just randomly in the media library to do something else and I noticed a picture without alt text. So I thought I missed one and filled it in. When I went to check on a couple others, I found out all the images were without alt text again. All the alt text is gone all of a sudden.
I went back and put it back at a couple of random pictures to see if it will still be there later, so some have text again now. But all were empty just about an hour ago.
Can someone please explain me what it is that happened or that I did wrong? Is there maybe a plugin that is intervering? It shouldn’t be intervering on the level of the media library right?
What is the best way to put alt text to images? I’d like to know before I start all over again.
Thanks in advance! I’m a bit nervous and obviously gutted about the time I spent. Hopefully my message comes across clear and neutral.
In reply to: color section transparent over another color section
well – remove that second color section and put this to your quick css:
#top.page-id-238 #av_section_1 { background-image: url(https://substratosfera.it/wp-content/uploads/2024/12/substrato_separatore.png), url(https://substratosfera.it/wp-content/uploads/2024/12/substrato_background_top-1.png); background-repeat: no-repeat; background-position: bottom left, 100% 0%; background-size: 130%, contain; background-attachment: scroll, fixed; }but : if i look to your logo – it might be a good idea to transform the upper part and the lower part as svg to a custom divider ;)
do you have your logo as verctor based file? – post a link pleaseIn reply to: color section transparent over another color section
Hello Ismael,
here is the page in question.
The original image is transparent and I would like that the second color section which has the id “second_section” has a transparent background, so when I scroll the transparent image goes over the first section.
Next I have another couple of questions:
– first one is how to fix the first section background always, now I see that on smaller screens and mobile it changes in “scroll”.
– second one is: is there a way eventually to bring the first section above the second and everything below and keep it fixed?Thank you in advance.
AIn reply to: Enfold App Demo
Hey shamimashraf,
Thank you for the inquiry.
Have you tried importing the demo? Please check this documentation for more info: https://kriesi.at/documentation/enfold/import-demos/#how-to-import-a-theme-demo
The “iPhone” scrolling demo is created using the Grid Row layout, and the images of the iPhones with different screens are applied as backgrounds of the first cells.
// https://kriesi.at/themes/enfold-app/wp-content/uploads/sites/61/2016/05/parallax-slides1.png
// https://kriesi.at/themes/enfold-app/wp-content/uploads/sites/61/2016/05/parallax-slides2.png
// https://kriesi.at/themes/enfold-app/wp-content/uploads/sites/61/2016/05/parallax-slides4.pngThis is the page shortcode if you want to copy the whole layout: https://hastebin.com/share/yituhezalo.bash
Make sure to set the builder to debug mode to enable the shortcode field: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode
Best regards,
IsmaelIn reply to: color section transparent over another color section
Hi,
Thank you for the inquiry.
How did you apply the border image? Have you tried applying it to the first section instead of the next? Please let us know once the site is live so that we can inspect it properly.
Best regards,
IsmaelIn reply to: legally use of images in demos
Hey Ferdi,
You can use the demo images as you please on your site, you don’t need to attribute any credit anywhere.
Best regards,
RikardIn reply to: color section transparent over another color section
Hey Guenni,
The website is not published yet. This is a
of the page.
the second color section begin where you see the horizontal white, and I need it to be transparent.
The above section has the fixed image.
Tomorrow I’ll try to publish the website so you can inspect the page.
Hope this one help you out a bit.
ThanksHello,
I have 2 color section, the first one should be fixed (always) and I see that on smaller screens and mobile it changes on “scroll” instead of “fixed”, then I need the second color section have the transparent background, in order to shift a background transparent image over the first section.
I tried to put an id on the second section and define the background transparent but I always see a white background.
Can you please help me out?
Thank youI bought your wordpress theme and installed the consulting demo. i want to use only 1 image in this demo on this web page. can i legally use it? what do i need to write for this image when specifying the source of the images i use on my page?
Image name: corporate-buildings-whiteThanx
In reply to: Changing buttons colors to gradient
Hey yifatcohen,
Thank you for the inquiry.
We adjusted the css modification a bit — please try it again:
#top .avia-button-wrap .avia-button, #top .button { background: #990033; background-image: -webkit-linear-gradient(top,#990033,#ff924d); background-image: -moz-linear-gradient(top,#990033,#ff924d); background-image: -ms-linear-gradient(top,#990033,#ff924d); background-image: -o-linear-gradient(top,#990033,#ff924d); background-image: linear-gradient(to bottom,#990033,#ff924d); -webkit-border-radius: 26px; -moz-border-radius: 26; border-radius: 26px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; bottom: 0px; border-color: transparent !important; border: 0; }Best regards,
IsmaelIn reply to: File download does not work
Finally I have moved a little forward with this issue spending several hours just trying everything to find where the issue comes from. So here is the case, I have installed new wordpress site with Enfold to the same shared hosting–>Button works properly. I have installed plugins–> Button works properly. Then I have installed the demo and the button stopped working and start to open image instead of downloading. So the issue is coming from demo as I thought from very beginning as this is the only thing that distinguishes 2 sites from each other. Using wordpress reset I have tried several scenarios and I think it will help you in finding the issue. 1) resetting the wordpress with the plugin brings back the correct functionality of the button 2) after demo install when the button is not working I have exported Enfold Temlpate Layout file and Theme setting file. After restarting the wordpress with plugin, I have imported those files but the site still working properly, the issue again starts after demo import. 3) The issue is with certain demos and I was unlucky to import the demo where it crashes the download function. So far I found 2 demos that crash download function: Startup Business Demo, One Page Portfolio Demo. In my case I was using Startup Business Demo. But for example with the demo: Default Demo everything works well. So, by now, what I have discovered that the issue is coming from specific demos, and after demo installment even if you switch the template, the issue will still be there. It somehow brings some function that never goes away until you will reset the wordpress. In my case I can not reset the site because a lot of job has been done and reseting the wordpress will mean losing 2 weeks of my time.
Having all this information, please try to find the issue so that I can remove that additional scrip or whatever is needed from my existing site. Thank You in advance!P.S. It is strange but in media files the download button by default from wordpress is working, but Enfold Download button is opening the file instead (download button is configured properly). In my original site it crashed the enfold download button and also media file section download button.
I added this CSS code to change all buttons to gradients:
.avia-button, .button {
background: #990033;
background-image: -webkit-linear-gradient(top, #990033, #ff924d);
background-image: -moz-linear-gradient(top, #990033, #ff924d);
background-image: -ms-linear-gradient(top, #990033, #ff924d);
background-image: -o-linear-gradient(top, #990033, #ff924d);
background-image: linear-gradient(to bottom, #990033, #ff924d); !important;
-webkit-border-radius: 26;
-moz-border-radius: 26;
border-radius: 26px; !important;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
bottom: 0px;
}
You’ll notice 2 things:
1. the main blue color is still showing up there as a shadow
2. the border-radius seems to be ignored completely.How do I fix that?
Ah, you can see it live here – https://gregward.com/
In reply to: Masonry Gallery with Button in Caption
thats nice – and if we set those “buttons” to display : none. – we can make a light box from that masonry to show first the images – with a button link in the bottom bar:
see: https://webers-testseite.de/portfolio-raster/
the trick is in the magnific popup script inside callback :
elementParse: function(item) { var bgImage = item.el.find('.av-masonry-image-container').css('background-image').replace(/^url\(['"]?/,'').replace(/['"]?\)$/,''); item.src = bgImage; },that i look for the background-image of that image container – and get the url – and declare it to the item to open in lightbox.
because by that snippet of ismael – there is now additional info on the masonry item – this href i use for an avia button in the lightbox (just a little bit upgraded by some custom css )In reply to: Hamburger Menu not shown on Mobile
Hi,
I checked with Safari in Responsive Design Mode to emulate a iPhone and with Android, and in Chrome Dev mode for mobile and see this:
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
The css above is correct.Best regards,
MikeIn reply to: Product gallery photos no formatted
Hey bemodesign,
Your product images have a strange class “nickx_product_images_with_video” and “nslick-slider”
this is overriding the default layout, I believe this is from a plugin.
You have many Elementor plugins, these typically cause errors with Enfold, and you have many third-party Woo add-on plugins which may be causing this.
Try disabling all plugins except the one core Woo plugin a see if that helps.Best regards,
MikeIn reply to: background color not working
Hi,
Unfortunately the login is not working for me and I don’t see any screenshots, to add a screenshot please try using an Screenshot service and pasting the image URL in your post.What is wlwmanifest.xml?
The wlwmanifest.xml is included in WordPress for integration with Windows Live Writer.
The Windows Live Writer application is now discontinued. However, the wlwmanifest.xml file is still part of WordPress.I don’t believe that this would block the theme css from saving, but a 403 on wp-admin/admin-ajax.php may do so.
Your fonts are blocked as mixed content, loaded as http on a https site, try adjusting your font urls:
Best regards,
MikeIn reply to: Fixed frame with 1px border
Hi,
As I understand, this is what you want to remove:
when I test Guenni007’s css it seems to work:
Best regards,
MikeIn reply to: blog entries do not appear
Hey Tilman,
On your page /aktuell-blog-gesundheitstipp/ I see your two posts:
and on your homepage:
Is this what you mean?Best regards,
MikeIn reply to: Duplicate Footer
Hi,
Unfortunately the login is not working, but the extra widgets seem to be from a plugin called smoa_pro
I’m not sure what this is, but it has duplicated each of the standard widgets, try disabling all of your plugins and see if that helps.Best regards,
MikeCan you test please:
put this to your child-theme functions.php:
add_theme_support('avia_show_alb_responsive_image_option');after that open your masonry element and look to advanced tab – performance : do not use responsive images.
This i hope will end in showing the original image instead of the smaller calculated images.On styling tab choose (just for testing purposes) “no scaling (original width…)” now see if the uploaded images are yellowish too.
If not then there went something wrong on recalculating the smaller (for responsive purpos) image formats.maybe put this to child-theme functions.php to show original images in lightbox:
function custom_alb_lightbox_image_size( $size, $context ){ if( $context == ('av_gallery' || 'avia_masonry') ){ return 'original'; } return $size; } add_filter( 'avf_alb_lightbox_image_size', 'custom_alb_lightbox_image_size', 10, 2 );If this shows now in masonry and on lightbox the well saturated images – then you can use once the plugin : https://wordpress.org/plugins/force-regenerate-thumbnails/ and recalculate all images. This i hope will correct the mismatch. After recalculation you can delete that plugiin from your installation.
And after configuring a new portfolio set of page parameters at:
I did discover the images that pop up in the lightbox are in fact webp images
64_TR6_Triumph_07a-1030×687.webpThat could be part of the problem
If Smush has been turned off, is this a permanent overwrite on the part of the plugin?But if the code is turned off, how does a “call” to an image in a different folder (somewhere) with a different name get deployed?
doesnt the theme look for an image in its respective original folder with the name used to build the portfolio entry?And i notice different images are visible on different computers. Example: this problem does not exist when viewing my website page on a MacBook pro running Catalina. The Mac i am working on now with all the problems is running Ventura. 3 different browsers…same problem.
In reply to: File download does not work
Hi,
It looks like you have added an image to the download button, is this your plan? I would expect a PDF.
When I test a image in a download button on my site with v6.0.8 it works, see link below.
Try updating to v6.0.8Best regards,
MikeIn reply to: I have alignment issues
Thank you! That almost did the job. :)
It works on a small screen, but when you expand, there’s a gab on the bottom:
and also, do you know how to align the logo to the middle?
In reply to: Hamburger Menu not shown on Mobile
Hi,
I don’t find a noindex on your pages:
I checked your home page and other pages, both logged in and out. Typically this is added by Yoast SEO plugin, but I don’t see it.Best regards,
MikeIn reply to: Hamburger Menu not shown on Mobile
Hi Rikard,
Thanks for your reply!
Interesting.. on my side, things are not working well.
Enclosed you’ll find 2 images.
Image 1: how it looks on mobile, I clicked the burger and that goes fine.
However the menu is hidden behind other content.
Image 2: how it looks on desktop (mobile size), I clicked the burger.
Hence it shows the av-burger-overlag-bg and the menu-text is hidden.Thanks again :-)
Hi,
I didn’t find any images with oversaturated colors, but since you are using photoshop, this is typically caused by the WordPress default color profile, try the Image Magick plugin or adjust. See this thread:PLease read the whole thread.
Best regards,
Mike
Viewing 30 results - 2,521 through 2,550 (of 106,495 total)
