Hi,
In order to get 1px border-width design for my contact form I have added the following css
under general styling:
#top div .av-dark-form input[type=’text’] {
border-color: #000000 !important;
border-width: 1px !important;
background-color: #ffffff !important;
}
#top .avia_ajax_form .text_area {
border-color: #000000 !important;
border-width: 1px !important;
background-color: #ffffff !important;
}
.av-custom-form-color .button:hover {
border-color: #000000 !important;
border-width: 1px !important;
background-color: #6786a1 !important;
}
.av-custom-form-color .button {
border-color: #000000 !important;
border-width: 1px !important;
background-color: #ffffff !important;
}
Unfortunately, it did not do trick for the button, the form element “select element”, and the form element “checkbox”.
Please can you advise what to do. Thank you!
Hey ofirofir,
Sorry for the late reply, please try this temporary fix: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/#post-661496
Regards,
Rikard
Hi,
No I didn’t see any dropbox link, could you try posting it again? Please note that each time you reply to your own topic it will be sent back to the back of our support queue so please try not to do so unless you think it’s absolutely necessary.
Thanks,
Rikard
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.sc_player_container1 {
float: left;
margin-top: 15px;
}
.sc_player_container1 + p.product.woocommerce.add_to_cart_inline {
border: none!important;
width: auto;
float: left;
}
Regards,
Yigit
Hi
Thanks for sharing @haydaw, much appreciated :-)
Please try the temporary fix @marketwithmichael and let us know if you should need any further help on the topic.
Thanks,
Rikard
Because I dont get a response anymore at: https://kriesi.at/support/topic/widgets-arent-opening-javascript-problem/
I’m unable to open widget in WordPress. Also the pages don’t display content. It’s seems to be a javascript problem.
I tried:
– Installing latest version of Enfold
– Installing latest version of WordPress
– Reinstalling wordpress
– Reinstalling Enfold
– Deactivation all plugins
The only way i dous work if i use a other theme then Enfold like twentytwelve.
Best regards,
Rutger
Hi Andy, Thanks a lot! Now I managed to adjust it well to how I wanted it:
And: ewingmh , here’s the code I used in custom css.
@media only screen and (max-width: 489px) {
#av_section_1 {
background-size: 100% 45% !important;
background-position: 40% 90% !important;
margin-top: -100px;
}
}
Kindly regards,
Mathilde
You can close this now. Thanks!
Hi,
Great, glad we could help :-)
Let us know if you should need any further help on the topic.
Regards,
Rikard
Thanks, Rikard – there is nothing to add here and you can close the topic ;- )
Have a nice day,
Regards.
Artem
Thanks Andy.
this code in Quick CSS field for Pc Desktop it’s OK !
#socket .copyright {
margin-left: 30%;
}
Sorry, but I did not understand your answer for mobile
Ciao
Riccardo
Hey!
Try adding this code to the Quick CSS:
#top.woocommerce-page .av-parallax.avia-full-stretch {
transform: none !important;
height: 100% !important;
}
#top.woocommerce-page .av-parallax-inner {
background-size: contain;
}
Cheers!
Josue
Hello,
The logo is not showing on mobile or desktop.
I have tried uploading it again under a different name, disabling all plugins, clearing cash and still not showing.
Please help.
Hey!
Try adding this at the very end of your theme / child theme functions.php file:
function add_category_name($classes = '') {
if(is_single()) {
$category = get_the_category();
$classes[] = 'category-'.$category[0]->slug;
}
return $classes;
}
add_filter('body_class','add_category_name');
That should set the category slug as a body class, that way you’d know if a Post of certain category is being show and adjust the CSS accordingly:
#top.category-events-rides #header .av-main-nav > li > a {color: #808080;}
#top.category-events-rides #header .av-main-nav > li#menu-item-523 > a {color: red;}
Makes sense?
Cheers!
Josue
Hi guys,
Couldnt find any other threads on this exact topic, so I started this new thread.
I’m using the Fullwidth Easy Slider with the same caption on all slides ( Right without frame).
However, I need the caption to be further to the right. Whats the quick CSS rule here?
Thanks
Hi,
Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey envapk2,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) {
#advanced_menu_toggle {
margin-top: -55px !important;
}
}
Thanks,
Rikard
Hey Patrick,
There is a problem with the Google Maps API in the latest version and we haven’t released a fix for it yet unfortunately. You can try the following temporary fix if you like though: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/#post-661496
Regards,
Rikard
Hey sundara88,
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: 767px) {
div#header_meta.container_wrap.container_wrap_meta {
min-height: 80px;
padding-top: 10px;
}}
Best regards,
Vinay
Hi,
Ok great, let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
This is my first website build with Enfold theme and I have to say I’m impressed.
Yet, I have an issue with GM media element not be displayed in site: http://2bopenlogistics.com/contact/
My website is running under a Child Theme on WP 4.5.3 with latest Enfold release 3.6. I also deactivate my only running plugin (Weglot Translate, latest version 1.3.0) with no positive results. Also tried to visit from another computer, diffrent browsers, cache cleaning. same, no luck.
I found this thread and added the script to my child theme functions.php. Same result.
Can you please have a look and advise what could be done?
Thank you!
Hey Freek,
Using the below code will make the content the heading “EEN HECHT TEAM DAT BREED INZETBAAR IS” a 2 col layout in mobile. It appears you are using 2 images a logo and “WHAT” in different col hence the list appears one below the other.
@media only screen and (max-width: 767px) {
.responsive #top.page-id-118 .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 45%;
float: left;
display: inline-block!important;
}}
A workaround would be to enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and hide the logo and image in mobile using the below code.
/*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; }}
Best regards,
Vinay
Hey kilimats,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .avia-post-nav {
max-width: 100px;
}
It’s not clear what you are trying to achieve? If the above don’t work for you please elaborate on the end result you want if possible with a mockup and a link to view the element in question. Kindly remove any custom code added to this element in question which is not working for you and let us know.
Best regards,
Vinay
-
This reply was modified 9 years, 5 months ago by
Vinay.
Hi,
I setup a page with a content element of 100% with 4 columns in it.
Looks good on a desktop but not on a mobile, because all columns are transformed to 1 column, so the list is very long.
Is it possible to have 2 columns on a mobile screen? See site URL in private section.
THX Freek
Hi,
We are sorry for the delay. Please adjust the code to the following:
@media only screen and (min-width: 768px) {
.single #main .container_wrap_first .container .template-page {
background: #ffffff;
margin-top: 50px;
margin-bottom: 50px;
}
.single #main .container_wrap_first .container .template-page .post-entry {
max-width: 55%;
margin: 0 auto;
}
}
Best regards,
Ismael
Hi,
Kriesi is still working on a fix for this but rest assured that it will be release on next patch of the theme. For now, we managed to fix the google maps on a few sites by doing the following solutions in these threads:
https://kriesi.at/support/topic/content-element-google-maps/#post-656399
https://kriesi.at/support/topic/enfold-google-maps-widget-not-working/#post-657900
https://kriesi.at/support/topic/solution-to-google-maps-key-issues/https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
If the solutions did not fix the issues on your end, please create a new thread with the url to the site plus the WordPress and FTP login credentials. We’ll check the issue there.
Best regards,
Ismael
Hi,
Please add this in the Quick CSS field:
#top .logo img {
top: 20px;
}
#top .header-scrolled .logo img {
top: 2px;
padding: 7px 0;
}
Best regards,
Ismael