Hi,
If you’re referring to this, try using three 1/3 columns and one iconbox or iconlist in each one.
Best regards,
Josue
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .wp-caption {
border: none;
}
Best regards,
Yigit
Hey dablueque,
Please refer to this post – https://kriesi.at/support/topic/solution-to-google-maps-key-issues/ or to this one – https://kriesi.at/support/topic/google-maps-7/#post-656457
Our devs are working on an update, hopefully to be released soon
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 1024px) {
img.ls-bg.ls-preloaded {
margin-top: 0!important;
}}
Best regards,
Yigit
Hi,
Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161
Best regards,
Yigit
Hey Chris,
Try using an <iframe></iframe> embed code with autoplay off while you edit and when you’re finished simply switch to autplay on.
Best regards,
Josue
Hey!
Try with this CSS codes:
#top .av-main-nav ul {
width: 400px;
}
#top #menu-item-3193 ul{
width: 600px;
}
The first one will affect all submenus and the second one will affect only the submenu of menu item 3193 (you can check menu item id using the web inspector).
Cheers!
Josue
Hi guys,
Just wanted to say I appreciate how helpful you guys are on this site. You provide great support!
I’m currently using the contact form that comes with Enfold in the Advanced Editor over top of a darker colored image. The fields show up fine since they have a background color but the field labels (Name, Phone, Email, etc) are too dark. Is there some css I can use to edit the color of the form field label font colors?
Also, I noticed when something is auto-filled as I start typing, the background colors of the fields turn yellow. Not major issue, but if there is a fix for that as well, that would be great!
Thx!
BP
Hi,
Please go to enfold/css/shortcodes.css file and find
#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {
...
}
and adjust as needed. If you elaborate on the changes you would like to make, we could help better :)
Best regards,
Yigit
Hey!
Please change your code to following one
.live > a > span.avia-menu-text:after {
content: "Live";
font-size: 12px;
color: #FFF;
background: #77c84c;
line-height: 20px;
width: 36px;
display: inline-block;
text-align: center;
border-radius: 0px;
position: relative;
top: -18px;
margin-left: -50px;
}
#socket .live > a > span.avia-menu-text:after {
margin-top: -10px;
}
#socket .sub_menu_socket div {
overflow: visible;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
Yigit
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
#top #header .social_bookmarks {
top: -7px;
left: 0;
right: 0;
}
#top #header #header_main {
padding-top: 20px;
}
}
Cheers!
Josue
Hey hasbeat,
Please go to Enfold/css/shortcodes.css and find
#top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
color: #222;
border-color: #222;
border-width: 2px !important;
background-color: transparent;
}
and change it to
#top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
color: #222;
border-color: #222;
border-width: 2px;
background-color: transparent;
}
and it should work fine
Best regards,
Yigit
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 989px) {
.responsive #top .container .av-content-small,
.responsive #top #wrap_all .flex_column,
.responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}
.content .entry-content-wrapper{
padding: 0;
}
.inner_sidebar{
margin: 0;
}
}
That will enable the full width on the cart table earlier (989px).
Cheers!
Josue
No problem! I’ve provided a private link with how i want it to look as well as 2 screenshots of how it appears incorrectly on very wide and very narrow window sizes
So basically what is happening is that the image looks right at only certain window widths. When it’s really wide, the image won’t stretch full width and when the window is really thin, the image shrinks and adds large whitespace on the top and bottom.
I want the hero images height/width to resize so that there’s no gap between it and it’s surrounding elements and window edges
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .fullsize .template-blog .post .entry-content-wrapper > * {
text-align: left;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hey bopartner,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
.avia-slideshow-button {
margin-top: -10px!important;
width: 46%!important;
display: block!important;
float: left!important;
}}
Best regards,
Yigit
Hey!
Can you please try changing the code to following one
#top #header_main > .container .main_menu ul:first-child > li > a {
line-height: 100px !important;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Our Aweber lightbox scripts (located in a ‘code’ block in the Avia builder) suddenly stopped working when WordPress was updated. We’ve tried updating the theme, plugins, running the page without plugins activated, and reverting the JS as indicated in one of the support forums, all to no avail. Here’s the page in question:
It’s the brown/red button, which previously would open a lightbox from Aweber when clicked. As you can see, it no longer does that. Any advice would be greatly appreciated.
Thank you.
why don’t you use the secondary menu on that case.
Activate on Enfold Options – Header – Extra Elements
and choose secondary menu on top bar at the left.
Now i think the flags goes by default to that secondary menu.
you can choose a background for header on enfold options and the behavior is like you want it on small screens
see here: webers-testseite.de/ikom
Hey powerfoodproject,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header_main > .container .main_menu ul:first-child > li > a {
line-height: 100px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hey!
Please do not post more than once, as the topic goes behind.
I have send it to our german speaking support, so he can help you easier.
Thanks a lot
Cheers!
Basilis
Great!, but in mobile version. The flags are over the logo.
Its possible to show at the TOP of the SITE?,
Observe too that the SOCIAL ICONS dont show too into mobile
Hi,
Try this:
.av-main-nav .sub-menu li a:hover::after{
position:absolute;
z-index:100000;
left:-30px;
top:50%;
transform:translateY(-50%);
}
.av-main-nav .sub-menu li:nth-child(1) a:hover::after{
content:url('http://kriesi.at/themes/enfold-construction/files/2015/10/urban-development-36x36.jpg');
}
.av-main-nav .sub-menu li:nth-child(2) a:hover::after{
content:url('http://kriesi.at/themes/enfold-construction/files/2015/10/urban-development-36x36.jpg');
}
.av-main-nav .sub-menu li:nth-child(3) a:hover::after{
content:url('http://kriesi.at/themes/enfold-construction/files/2015/10/urban-development-36x36.jpg');
}
.av-main-nav .sub-menu li:nth-child(4) a:hover::after{
content:url('http://kriesi.at/themes/enfold-construction/files/2015/10/urban-development-36x36.jpg');
}
Best regards,
Josue
This is a follow-up question to threat #664457. In the #664457 post, I requested to make the bold text black. I changed the primary color to #00000 from “#2d5c88” to accomplish this task.
However, the buttons in the Quick Search (“Blade Phones”, “Source Search” and “Google Search”) atop the homepage have now become black. I would like them to be “#2d5c88”. The home page is the “index” page of the site.
Can this be done?
I have included my login credentials in the private content section.
Thanks in advance.
kfranck
Hi there,
I have 3 problems that I need your help with please:
1. Can’t seem to get “search” on mobile. I followed your guidelines here: https://kriesi.at/support/topic/search-icon-on-mobile-devices/#post-589759 but I still don’t see it on my iphone 6 and 6+ or my ipad.
2. The menu on my ipad both 9.7 and 12.9 inch displays is not presenting the mobile menu which is resulting with the menu writing over the logo. I changed the menu option by going to header->menu-options and activating both mobile and ipad but I still have the problem with the menu.
3. On a Kindle the website banners (red and blue sections) are not presented like they are on a pc or iPhone. How can we make them all behave the same.
-
This topic was modified 9 years, 7 months ago by
joarass.
Thanks Vinay.
in this way the copyright remains to the left.
I would like to see him at the center, in the same way on Desktop and smartphones
Best Regards
Riccardro
Hello,
I added the code block and put my YouTube video embed code in it with the [Link]?rel=0&autoplay=1 for it to not show related videos and autoplay when someone visits the page. The problem I have is that I am no longer able to edit the page and it autoplays the YouTube video in the Avia Layout Builder page.
https://snag.gy/HzIlu1.jpg
The page is “Local Leads for Attorneys”
Login info is in private content area.
Thanks,
Chris
I just realized a quick fix was to add this to my css –
#top #searchform .ajax_search_response {
display: none !Important;
}
Maybe not the best solution, as there does seem to be something wrong with the search function, but it does the job for now.