Thank you so much for your response, Yigit! This worked beautifully on the desktop version, but it doesn’t translate to the mobile version. Is there a fix for that as well? I currently have it turned off for the mobile version. Staging site URL in the private content below. Thanks in advance!
Hi,
Did you get this one sorted out? let us know if you have any questions.
This topic is out of scope for us but as you are an enfold customer we will be happy to go beyond our support limits and help you :)
Best regards,
Vinay
Here are two other very recent unresolved threads with the same issue:
Thanks.
The issue has been solved. It was my mistake, I have a child theme with some old files in that.
Please close the topic.
Hello – since the last update and possibly the last WP update the Full Width Easy Slider on the homepage (Desktop) audio continues to play when the slider is paused. Tested page on Chrome browser.
I have hidden the Full Width Easy Slider for responsive display (phone & tablet) and enabled the Advanced LayerSlider with a HTML5 video. This all worked perfectly before the updates and now the video does not display centred occupying the screen. Instead it appears very small top left of the frame.
Also the Advanced LayerSlider plugin (new update) might have a bug. No functions work i.e. add a new slide, view transitions, links & attributes etc… Nothing happens when selected.
Please help. All details in private content. Thank you
Hello :)
Thanks Enfold and all the moderators for what you done !! It’s a great theme !!
I’m using 11 times the Table element on my page, and I changed my settings to make the table transparent.
I have one table with Main content color, one with Alternate content color, one with Main content, etc… 11 times.
It’s working on the Main content color (#efefef), tables are transparent ! But on the Atlernate content color (#ffffff), the table have a grey (#efefef) background.
I called this topic “Bug” because the transparency is working on the first table in Alternate content, but not in the others. (with the same settings).
Thanks in advance !
Hey Julie!
#top .widget_nav_menu li { font-size: 15px !important; }
Does not work out for you?
Cheers!
Basilis
Hey Vinay,
Wow, I had no idea it did not normally display or that the fix would be so complicated– thank you and the team so much for this!
For the benefit of anyone else who needs this fix, to get it to look right, I edited the code in the archives.php file to remove the “You are now in” and “category.” text, and styled it (to make it all caps and adjust font size and padding so it matches the tag title pages on my particular site) by adding the following in Quick CSS:
.custom-cat-title { text-align: center !important; text-transform: uppercase; padding-top: 27px; padding-bottom: 24px; font-size: 30px;
}
Thank you so much for your patience and for helping me with this! :)
Hi,
Please see the following link below from a previous user. This solution should work for you provided you use media queries to target mobile and tablet screens:
https://kriesi.at/support/topic/different-icon-for-hamburger-menu/
If you would like me to login and try to implement this for you let me know.
Best regards,
Jordan Shannon
Hi,
Your case is a little special actually. As you have a Color Section and Grid Row element and you would like to place separator in between but that automatically creates another section and as i mentioned earlier, sections have 50px of top and bottom padding values.
You can either add a Color Block element to your page with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png (“sep-sec” in example) and add following code to Quick CSS in Enfold theme options under General Styling tab
#sep-sec {
height: 10px;
min-height: 10px;
}
Or you can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your Grid Row element and give it a custom CSS class (“cus-grid” in example) and add following code to Quick CSS
.cus-grid { padding-top: 50px; }
Best regards,
Yigit
Hi djshortkut!
You can convert the box-shadow to border instead
#top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus, select:focus {
border: 1px solid #000;
}
IS that better?
Let us know
Best regards,
Basilis
Hi Jordan
Yes correct. And I think this is the most requested feature on Enfold at the moment!
Two scenarios:
1. Normal text menu on desktop
At tablet and mobile the menu switches to the new hamburger icon, not the old dotted icon and menu.
2. New hamburger Icon menu on desktop
At tablet and mobile the menu remains the same new hamburger icon.
Having gone through many threads this upgraded mobile menu/header feature would really nail the competition for Enfold!
If there’s a workaround for now, great, but look forward to a theme update on this.
Thanks
Christian
Hey Enigma!
Please take a look here
https://kriesi.at/support/topic/change-breadcrumb-separator/
let us know if we can do something else for you.
Thanks a lot
Best regards,
Basilis
Hi,
Sorry for the late reply. I want I understand you 100% as to what you need before offering further suggestions. You want the menu icon to be the exact same as the desktop? You don’t like the mobile version with the three dots on the left. Correct?
Best regards,
Jordan Shannon
Hi,
1. Could you please advise how to make the iPad and other touchpad menu on the left thinner (Screenshot: https://screencast.com/t/B4O0zLnXsTw )? For web view used the following code:
.html_header_sidebar #top #header { width: 220px; }
.html_header_left #main { margin-left: 220px; }
2. Grid row photo and text are waaaay to stretched on the touchpad screen, though looks good on the previous site I created for my client on Enfold. Please check screenshot: https://screencast.com/t/RSZ4ctZPNJ1
Hi,
There are two way’s you can set this up:
1. Create a header widget area by applying the code provided in this link to functions.php http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
and add the button html code in the widget area.
2. Create 3 button styles menu items from Appearance > Menu
We recommend using the 1st method as this will display the buttons the same way it does on desktop.
By using the second method to access the buttons users will have to click on the hamburger menu icon.
You can copy the button shortcodes to the header widget area and add the css in the link provided earlier to quick css section.
Should you have any issue Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Vinay
Hey!
We have updated the code in Quick CSS to the below and checked in IE, FF and chrome. I confirm it looks good and works fine in all 3 browsers. Please review the site now :)
/* Cart fix */
#header_main > .cart_dropdown {
display:none;
}
.cart_dropdown_link {
min-height:35px;
}
.cart_dropdown_first {
list-style:none;
position: absolute;
top: 45%;
transform:translateY(-50%);
}
Best regards,
Vinay
You gave me the custom css below to add a focus outline on my contact form which works. The only thing I noticed is that when you zoom in (see image) you can see that it adds the focus outline around the existing outline of the form instead of over the border. Is there a way to modify the css or add different css so that the focus outline overlaps the border of the actual contact form because I don’t really like how this looks, especially on retina devices. Or maybe hide the existing border when a field is selected with the focus border? Thanks!
#top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus, select:focus {
box-shadow: 0px 0px 1px 1px #188ece!important;
}
-
This topic was modified 8 years, 11 months ago by
djshortkut.
Hello,
I am trying to disable the top bar with social media icons on one specific page.
What code should I use to be able to add this filter?
Thank you so much in advance!
Hi guys,
Love the theme, very flexibel, but… Can’t figure something out. Please check my ‘home’. When i hover the mouse over a picture the hover works great as i wanted it to do, but it looks like the ‘text’ (excerpt) is behind the hover. The hover makes the text harder tot read. Is there a way to get the text on top of the hover?
I allready made some (4) changes to the css to get this as it is, but the final step….
1 part: picture does NOT enlarge on mouse over.
2 part: Transition from picture to hover
3 part: color for the hover
4 part: Text with shadow
The used css is;
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
transform: scale(1,1);
}
.av-masonry-entry .av-inner-masonry:before {
content: attr(title);
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
-webkit-transition: all linear 0.5s;
-moz-transition: all linear 0.5s;
transition: all linear 0.5s;
}
.av-masonry-entry .av-inner-masonry:hover:before {
background: rgba(0, 0, 0, 0.7);
}
.av-masonry-entry .av-masonry-entry-title {
font-size: 36px !important;
text-shadow: 2px 2px 1px #000 !important;
text-align: left !important;
line-height: 1.8em;
margin: 0;
color: #fff;
}
Hope you can help me or maybe put the code together in 1 part?
Hey!
Sorry for the late reply!
I have replied you here – https://kriesi.at/support/topic/same-size-images-appear-different/. Shall we continue there?
Cheers!
Yigit
Hi,
you don’t have to use this at all, but if yes then feel free to uncheck it and search for a 3rd party plugins which works well for you. We have no recommendations for that. Feel free to browse this site though: https://kriesi.at/support/topic/recommended-plugins/
Best regards,
Andy
Hi Ismael,
So unfortunately that just brings back a prior problem. I’ll try explaining the effect I’m trying to accomplish. Here’s my key points:
1. On some pages, I wish to have a transparent header over top of an full screen/width image.
2. On others, I wish to have a header above a full width content box..
3. I do NOT want a fully transparent header, thus I need to change the opacity… but I think this only applies to the pages where there is a picture underneath.
4. I would like the header to stick…. BUT I would like it to become MORE transparent when sliding down (compared to the initial transparency/opacity when at the very top).
Is this possible? Thanks for your assistance!
Hey klausdieter!
Replied you here – https://kriesi.at/support/topic/enfold-update-4-0-2-kasperskymeldung/
Since we have more English speaking moderators, more moderators would be able to help in English thread.
I am closing this one, let us continue on the other one :)
Cheers!
Yigit
Hi,
try this code inside Quick CSS field:
#top .av-section-video-bg {
position: fixed;
}
Best regards,
Andy
Hi,
This is an IOS related issue as it does not allow for background videos. However there is a possible workaround that may work for you. See the following thread:
https://kriesi.at/support/topic/video-background-mobile/#post-252474
Best regards,
Jordan Shannon
Hi,
Add this to quick css:
#header.av_minimal_header .avia_mega_div {
border-top-width:0px !important;
}
Best regards,
Jordan Shannon
I got a notice from GWT that my site was returning “soft 404 errors” which I had never even heard of. I saw this thread on them: https://kriesi.at/support/topic/gwt-problems-indexing-enfold-soft-404-with-search-activated-s/
This only really addresses search errors for urls ending /?s= I am getting this with any missing url. If you go to any one of my sites using the 4.0.2 version of Enfold, there is no 404 error, its all soft errors. I swear that there used to be a “404 Not Found” response but it seems to be gone.
I have no clue where to start.
Login info is in Private Content.
Hi,
I just wanted to inform you that the issue still isn’t fixed with enfold version 4.0.2.
I’ve had the same problem for weeks and just have found this question and could fix it with putting into the Quick CSS following code:
#top .gallery .gallery-item{
width: auto !important;
height: auto !important; }
Regards.
CBParticipant
Hey there,
we’re referring to a similar problem as here, but the listed solutions didn’t work:
– https://kriesi.at/support/topic/h2-styling-not-behaving-the-same-way-on-the-same-page/
– https://kriesi.at/support/topic/special-heading-inside-color-section-styling-is-not-consistence/
We see different styling not only within the same page but also for 1:1 copies for other languages. It seems that the css files which are dynamically created for the different languages aren’t consistent.
For instance – DE Version (included in childtheme_de.css):
#top #wrap_all .main_color h2 { text-transform: none; }
ES – Version (childtheme_es.css):
Not only but especially the css code mentioned before is missing which is why we believe there’s something wrong with the creation of the es version of the css file.
What we tried so far:
– We updated the advanced style settings for H2 as well as for all headings and hoped that would trigger the dynamic css generation process.
– We tried to move the element to other sections
– purged all caches
We don’t want to do this via custom / quick css and couldn’t explain this behavior at all.
Please be so kind and help!
Thanks a lot in advance!