-
Search Results
-
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Hide WMPL Flags
Hey limedrop,
Maybe this will help you out? https://wpml.org/forums/topic/change-flag-icons-to-short-text/
Best regards,
RikardIn reply to: Full size images loaded in mobile mode
I also read up into this after your reply and just cannot understand Google’s rationale or stance here. Rhetorical question: how are we site owners supposed to try and tune our sites to get good mobile scores on Lighthouse when their tool doesn’t give accurate real-life results. e.g. Lighthouse says a Largest Contentful Paint on mobile of 6.2 secs vs 0.9 sec on desktop when on a real smartphone a new page displays in milli-seconds? Answers on a postcard… ;-)
So yes, close it please.
In reply to: Grid row – cell’s background
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Timeline Navigation
can you please remove the css code from Ismael and insert instead :
( because of .avia-slideshow-carousel must stay overflow: hidden – the left arrow is not visible )@media only screen and (min-width: 990px) { .avia-timeline-container { padding: 0 40px; } .av-timeline-nav { padding-top: 0px; width: 100%; overflow: visible !important; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide { position: absolute; top: 0px; } #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide { position: absolute; top: 0px; } }maybe you like to include to that media-query a setting to have more space for the :
.avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap { padding: 30px 15px 10px 80px; }after that we can see if we need to fix some other settings.
In reply to: Import Default Demo – something goes wrong
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardI think these two might be related, but lets start with the full width issue.
I have had to make some pages on the Gutenberg block editor with Spectra addon as the avia Advanced Layout Builder button suddently went missing. As you can see in this image, full width is not full with. The background colours do not stretch to the top or the bottom.
Enfold General layout is set to stretched.
Ive also tried adding this code in quick CSS and theme customise CSS based on an old post, but it did not help.
`#top .fullsize .template-blog .post .entry-content-wrapper > *,
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100%;
}Front end and admin panel images showing not full width:
Topic: Grid row – cell’s background
Hi,
cell’s background in a grid row is not visible anymore. What could be the problem?
When I’m logged into WP or cheking the site on mobile, I can see correct background colour, but when on desktop (incognito) it’s just the default colour of the selected styling in the grid row (main/alternative content).
Thx.In reply to: .mp3 player doesn’t work in IOS
Hey ajaxkls,
Thank you for your patience, I checked your site on Mac in Safari and the mp in the sidebar played correctly, I double checked in Windows and it played the same.
I only have a Mac desktop, are you seeing this error on a mobile device?
I know that some iPads & iPhones can not update their Safari browsers, try posting your device model and the device Safari version number so we can try to reproduce the error.Best regards,
MikeIn reply to: Change the color of the hover line
In reply to: Change the color of the hover line
Hi,
Great, I’m glad that @guenni007 could help you out :-)
Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardHi,
Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardVery Frustrated. We tried the longer You Tube links but those do not change anything.
Now the Vimeo embed (a hack to get around the bigger YouTube issue) has stopped loading consistently on the front page so this is adversely affecting the website for the client (since it is now a LIVE site). The Seedprod people tried to troubleshoot and they are blaming it on the Enfold Theme. Saying that the different types of YouTube embeds require different scripts and that the page is getting confused on what scripts to load. We do NOT like using Vimeo for background embeds on Enfold as they are too inconsistent. How can we get this resolved. We HAVE to be able to use the Seedprod plug-in to control all the YouTube feeds. Would prefer to also be able to have a consistent method to stream the background video – that does not involve uploading it to the hosting server.
We have another site under development now for a musician that will have this EXACT same issue so we need to figure out how to get it resolved. Really hoping you might have some sort of code we can add to just the pages using the background videos, or some other fix we can implement to use ALL YouTube as the embeds AND still allow other plugins like Seedprod to do their thing.
Help! Thank you in advance.
In reply to: Change the color of the hover line
Hello everybody,
just got one little question:I succeeded to change the color of the hover line in the main menu from black to my customized color (red) using the css from your documentation:
/* Underline color on hover */
#top #avia-menu .menu-item:hover > a > .avia-menu-fx {
background-color: #8c084c;
border: none !important;
}BUT, the line under Start is still black. I would like to get the black line under “Start” red as well. How can I manage that?
I added a screenshot in Imgur as well as the link to my website. Pls see private content.Thanks for advising me.
AnneHi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Easy Slider Darken Image (Opacity)
this is one idea –
#top.page-id-102 #av_section_1 .flex_column img { filter: brightness(0.5) }or with two filters and hover effect:
#top.page-id-102 #av_section_1 .flex_column img { -webkit-filter: brightness(0.6) blur(3px); filter: brightness(0.6) blur(3px); transition: filter 1s ease; } #top.page-id-102 #av_section_1 .flex_column:hover img { -webkit-filter: brightness(0.8) blur(0.5px); filter: brightness(0.8) blur(0.5px); transition: filter 1s ease; }but maybe you like a frosted glass effect behind your caption:
/***** here only for those images inside column 4,5 and 6 *****/ #top.page-id-102 #av_section_1 .flex_column:nth-of-type(n+4) .av-slideshow-caption { border-radius: 10px; background-color: rgba(0,0,0,0.3); width: calc(100% - 34px); margin: 0 auto !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
if you change your font color to black then switch to a white frosted glas ;)btw: it seems to be better if you switch to single rows on 990px for that color section.
In reply to: Space between color sections
Your code should actually work because of the important setting.
Try first renewing the caching / merging of Enfold?_______
on your selector there are only classes ! A class is not so high in specifity than an ID.
not knowing your page – i can not say if your selctor is the right one – but try:@media only screen and (max-width: 767px) { #top #main .avia-section .content { padding-top: 0; padding-bottom: 0; } }Topic: Space between color sections
I have two colorsections on my front page. On desktop everything looks fine, but on mobile the gap is huge.
I have tried a couple of suggestions mentioned in previous posts, but nothing does the trick.
I have a separator between the sections, but it is set to not show on small screen.
I have tried this css:@media only screen and (max-width: 767px) { .template-page.content.av-content-full.alpha.units{ padding-top:0px!important; padding-bottom:0px!important; }}Any ideas?
Regards
NinaIn reply to: c’ant optain same layout on 2 pages
Hi,
Great, I’m glad that you solved the problem. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Change default catergory heading style
Hey xfacta,
Thank you for the inquiry.
Please add this css code to adjust the font size of the category heading:
#top.archive.category #wrap_all .all_colors .post-entry h2.post-title.entry-title { font-size: 48px; }You can also just the style of the h2 element in the Enfold > Advanced Styling panel.
Best regards,
IsmaelIn reply to: Portfolio Grid Zoom on Hover
Hey Dameon,
Thank you for the inquiry.
You can use this css code to enlarge the portfolio grid image and adjust the opacity of the background on hover.
.grid-image:hover img { scale: 1.4; transition: all 0.4s; } .avia_transform a:hover .image-overlay { opacity: 0.1 !important; }If you want to adjust the background color of the overlay, include this css code:
#top .all_colors .grid-image .image-overlay { background-color: red; }Best regards,
IsmaelIn reply to: bugs in your software
Hey Tom,
Thank you for the inquiry.
You can easily open a new inquiry using the form on the following page:
// https://kriesi.at/support/forum/enfold/#new-post
However, it looks like you haven’t registered an account in the forum yet. Please verify your purchase code and register an account in the forum using the field in the link below:
// https://kriesi.at/support/register/
Regarding your inquiries, please follow the steps below:
1.) To increase the font size of the input fields, please add this code in the Enfold > General Styling > Quick CSS field:
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { font-size: 2em; }2.) We were able to successfully send a message using the form. Would you mind providing a short clip or a screenshot of the issue? You can use Imgur, Dropbox, or any file hosting site to share the screenshot.
Best regards,
IsmaelIn reply to: mobile logo not linking?
Hey Munford,
Thank you for the inquiry.
The logo is not clickable because the burger menu is covering it. Did you add this css code?
.responsive #top #wrap_all .main_menu { width: 100%; }Removing the css should fix the link issue.
Best regards,
IsmaelHi there
How can I change the font size/heading of the blog category page headings. I need the category to be larger than the blog title.
Eg Dowsing for Health (this is the heading size I want to change to H1 if possible – or just the font size of all category headings for blog topics)
Health, News
Healing with Magnets (Blog title)https://dowsingaustralia.com.au/category/health/
Cheers
NatashaTopic: Menu Parallax Demo Issues
Hello kriesi support
I have a major issue with the Enfold Menu. It’s basically broken the navigation of my website.
To start, I imported the Parallax Demo since it was easier and just started working from that. The menu slides up and down the page (on desktop and mobile) and I loved that function.
Totay, I accidentally deleted the original menu. I recreated the menu just fine, but it no longer slides up and down the page despite the usage of anchor links such as #top, #services, etc. This has also completely broken the navigation on the mobile page as well and the anchors no longer take me to the desired area.
Do you happen to know how to fix this and restore it to the parallax demo menu where it slides up and down?
Hi,
Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardIn reply to: Full size images loaded in mobile mode
The Top Story referenced has been moved off the home page. However you can see the same effect I raise on the “Fitting Farewell Finale for Fawley Hill Vintage Steam Festival” story. The ‘full size’ image loaded on mobile is 700 x 467 px but is only 86kb as opposed to 64kb for the 260 x 173 px image. So whilst the difference in image kb sizes is not as pronounced as the Hurricanes story, the fact remains that a 700 x 467 image is being loaded instead of a 260 x 173 px one.
[The site uses 700 x 467 px images as its main size for the individual stories (posts). An image might be uploaded in a larger size than that; Simple Image Sizes and Smush then create the 700 x 467 size (and others), hence that size might be 500kb or less.]
Viewing 30 results - 4,801 through 4,830 (of 142,859 total)
