Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.postid-22444 .iconbox_icon {
top:0 !important;
}
.postid-22444 .iconbox_content_title {
font-size:20px !important;
}
Best regards,
Rikard
Hi Nikko
Now it works 90% but we still have blue border on the top and also at the botton, as you can see at https://www.atcarolines.ch/checkout/ it you put some product in the cart.
All the best.
Hi Aline,
I see, layerslider doesn’t style the links when you add the
<a href="#">Link</a>
then add the styles, that’s why it appears that it’s not working on the frontend. I have modified it by removing the html and then put the link in the Link tab. As for the italic part, I have added this in Quick CSS (located in Enfold > General Styling):
#top #main .ls-inner a:hover {
color: #222;
}
Hope this sorted out the issue. :)
Regards,
Nikko
Hi Andy,
Thank you for your reply. I found the below on my research. It’s an older post, but would it still work?
I don’t have a child theme, so i presume i would just edit the code to:
gallery.on(‘click’,’.avia-gallery-thumb a’, function()
Is that correct?
Hi,
Thank you for the credentials.
1. To fix the responsive footer columns issue we have added the below code in quick css
/*----------------------------------------
// CSS
// Responsive footer columns
//--------------------------------------*/
@media only screen and (max-width:767px) {
div .av_one_fourth {
width: 100%!important;
}}
2. It’s not clear what exactly you are trying to achieve but I’m assuming you like to show or hide some element in only desktop or mobile correct?
To do so please enable custom css class name first http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ( I have enabled this feature already :) do not add this code again. )
Give the element a class name “only_desktop” or “only_mobile” to show only in desktop or only on mobile.
Add this code to the Quick CSS section under Enfold > General Styling :
/*Show only in mobile or desktop*/
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}
3. Give this plugin a try to adjust the anchor links scroll position. https://wordpress.org/plugins/hash-link-scroll-offset/
4. There are multiple sections that share the same ID #about hence the link is not scrolling the the section you like. Please check the elements to which the link is scrolling and remove the ID if it is a duplicate ID. The links should work fine.
5. Feel free to make the logo as big as you like and add the below code to push the main menu up. Adjust the margin top value if you like to adjust the vertical position of the menu.
.main_menu {
margin-top: -55px;
}
Request you to create new tickets for issues that are not related as it helps to provide solution faster and we can keep the focus on main topic :)
Best regards,
Vinay
Hi Jessica,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Ok, thanks for the feedback :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Corina,
Great, glad you got it working and thanks for sharing your solution. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey Bonfire_CG,
Please try the following in Quick CSS under Enfold->General Styling:
#header_main {
padding-top: 10px;
}
Best regards,
Rikard
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Stephen ThorneGuest
Hi! I came across a slider I liked and after some research it appears to be AviaSlider – can you confirm if this is in fact your plugin? https://inoutparcel.com/ top slider. Thanks!!
Hi,
Great, glad we could help and sorry for the problems. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
After adding code http://pastebin.com/raw/W2yZtJu9 to functions.php of Child theme website stopped working.
By FTP in functions.php of Child theme and Enfold theme code http://pastebin.com/raw/W2yZtJu9 not found.
How to fix website and start it?
Hi,
Did you try importing the demo via the theme options instead? If you should need any further help on the topic then please post admin login details in private so that we can have a closer look.
Best regards,
Rikard
Hi!
We were able to fix the page but we disabled the sidebar and then use the widget area element as a replacement. There’s a persistent color section on top of the page but I don’t know where it’s coming from so I added an internal styling in the page to remove that container.
Best regards,
Ismael
Hi Eric,
Sorry for the late reply and thanks for the feedback. So you have a standalone version of the LayerSlider? If you should need any further help on the topic then please try to describe the error in further details and we’ll have a closer look at it.
Best regards,
Rikard
Hey!
We added this script again in the functions.php file.
// https://kriesi.at/support/topic/problem-with-update-3/#post-649521
Please create a child theme so that you won’t have to re-add this snippet when you update the theme.
// http://kriesi.at/documentation/enfold/using-a-child-theme/
Regards,
Ismael
Hi Ismael,
1. thanks, now the ‘news’ and ‘resources’ menu item take on the active color. however, now the ‘home’ menu item is permanently in the hover color, even when not on the ‘home element’ (the slider at the top’.
2. disregard.
Do you have a solution for item 1?
Thanks Ismael
Hi!
1.) Please adjust the code a bit.
#top .av-subnav-menu > .current-menu-item > a {
color: red !important;
}
2.) I’m not sure what you mean by that. I checked the site and hover color is black while the active menu is blue.
Cheers!
Ismael
Hey Ian Gemski,
Sorry for the late reply. There is a big blue button on top of the forum list to open a new thread here: https://kriesi.at/support/forum/enfold/. You need to be logged in to open a new thread though.
For your problem, are you sure that you getting any traffic on the site? Analytics can sometimes be a bit delayed as well. Please post a link to your site if you should still need help on this matter.
Best regards,
Rikard
Hi akriga!
Thank you for using Enfold.
It can be easily fixed with css. You can either increase the height of the slider itself or move the first column downwards.
@media only screen and (max-width: 767px) {
.flex_column_table.av-equal-height-column-flextable {
margin-top: -50px !important;
}
}
Please turn on the custom css class field which will enable you to apply unique selectors to the elements such as columns.
// http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Cheers!
Ismael
I have a client who has a high resolution monitor and has a website with images as backgrounds in 100% height color sections. When they stretch the window to be the height of their monitor, these sections stretch to the point that the photo backgrounds look wrong. Is there a way to put a max height on the 100% height sections and still have the content in the sections center top to bottom in the sections?
Please let me know if this is unclear.
Thanks!
Hi there! I’d like to first thank you guys for all the awesome support that I’ve already received. You are amazing!
My sticky main menu at the top of the page looks crowded when the submenu touches it after scrolling down. I’d like for the submenu to “replace” the main menu as soon as it comes into contact with it. It will push the main menu out of the way when scrolling up.
Does that make sense?
Edit: The submenu is the part that says “Inspiration – Ease – Uniqueness – Quality – Credibility”
-
This topic was modified 9 years ago by
GregDunn.
Do you have any recommendations / suggestions as to how I can make an Enfold Website ADA compliant. I know about alt text and description stuff, but how to I make say contact form ADA compliant. Where do I edit the codes??? I have never done this before and it is throwing me for a loop. Also Woo Ecommerce pages…have issues.
When form controls are text input fields use the LABEL element
When text is not available use the title attribute
Include any special instructions within field labels
Make sure that form fields are in a logical tab order
Include a ‘Skip Navigation’ button to help those using text readers
Provide a means of skipping past repetitive navigation links.
What:
Navigation links are the lists or “menus” of links to all the sections of a site that are often repeated on every page.
Why:
Because navigation links are typically placed at the beginning (top left) of pages, screen reader users must read through all the navigation links before reaching the main area of the page. Individuals who use a keyboard instead of a mouse similarly must tab through all the navigation links before reaching the main area of the page. Providing a means of skipping these links can significantly improve efficiency and usability for screen reader and keyboard users.
How:Provide a link at the beginning of navigation lists that points to a target at the beginning of the main content area of the page. This link must be visible to screen reader and keyboard users, but can be hidden from other users, e.g.:
<style type=”text/css”>
a.skipnavigation { position: absolute; left: -10000px; }
a.skipnavigation:focus, a.skipnavigation:active { position: static; left: 0; }
</style>
Skip to Content
Where would I put this kind of code?
.html_header_top.html_header_sticky #top #wrap_all #main
Need to be able to adjust it so that instead of 170px it’s 100px.
If I add .html_header_top.html_header_sticky #top #wrap_all #main{padding:100px!important}
there is an issue on the mobile and it was not overriding the @media css code I had tried to put in. Any help is greatly appreciate.