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, 9 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.
Hello,
I want to reopen this issue because it has been closed but still has not been solved:
https://kriesi.at/support/topic/blog-section-duplicate-content/#post-664631
In the previous message subject, I said to work the username and password that you’ve sent by private correctly.
Thank you.
Yeah, thanks for the suggestion! We already tried that out and the problem is that you can’t display the video on fullwidth as background then with elements on top of it so this probably won’t help us that much.
Thanks again and best regards,
Daniel from b3plus
Hey ooweboo,
Kriesi is working for a fix right now. Thanks for being patient. A workaround if you can’t wait: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Best regards,
Andy
Hey b3plus,
you could use a video element instead and display it on mobile only (while hiding it on desktop).
Best regards,
Andy
Hey Janpieters,
use this code inside Quick CSS field
.html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a:hover {
background-color: transparent;
color: grey;
}
.html_header_sidebar #top #header .social_bookmarks li a:hover {
background-color: transparent;
color: grey;
}
.html_header_sidebar #top #header .social_bookmarks li a:hover {
background-color: transparent;
color: grey;
}
Best regards,
Andy
Hi,
I see. Please use this instead:
#top .aviaccordion-slide img {
opacity: 1;
filter: alpha(opacity=100);
}
Best regards,
Ismael
Thanks, Andy
My Copyryght is:
“© 2016 Copyright – First Name Last Name<br>
P.IVA: 12345678902 – CF: aaaaaa11a11a111a”
if I use
#socket .copyright {
margin-left: 40%;
}
is rigth for descktop PC but not for Mobile
If I use
@media only screen and (max-width: 768px) {
#socket .copyright {
margin-left: 25%;
}}
is rigth for Mobile but not for descktop PC
Best regards,
Riccardo
Hi,
add this code:
@media only screen and (max-width: 767px) {
#header_meta {
z-index: 1;
}
a.cart_dropdown_link {
top: -75px;
}
}
Best regards,
Andy
Hi,
use this code instead:
#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before {
background: transparent;
}
Best regards,
Andy
Hi,
you can’t define that the image is sticky to the element below it. However, you can use page-id and css codes so it looks good for you.
Use this code for example:
.page-id-617 .freigestellt_portrait {
top: 200px;
}
and adjust as needed.
Best regards,
Andy
In the past I asked about incorrect section order in rtl mobile display:
https://kriesi.at/support/topic/incorrect-section-order-in-rtl-mobile-display/
You gave this solution:
https://kriesi.at/support/topic/rtl-sortedreverse-functions-problem/
But in updated version – it’s not working any more…