Hey Justin,
Try this code in the General Styling > Quick CSS field:
div .logo {top: -50px !important; }
@media only screen and (max-width: 989px) and (min-width: 768px) {
div .logo {top: -75px !important; }}
I thought the border line should be removed, so use this:
#top .av_header_transparency #header_meta {
border-bottom: 0px !important; }
Best regards,
Mike
Hey Vadivel,
You can easily add google fonts, please refer to this link: https://kriesi.at/support/topic/new-custom-font/
If you have a custom font or your own .ttf or .otf file, please refer to this link: http://css-tricks.com/snippets/css/using-font-face/
Or you can try using this plugin http://wordpress.org/plugins/wp-google-fonts/
Best regards,
Mike
OMG I disabled this plugin:
SI Captcha Anti-Spam
And I installed this plugin:
Google Captcha (reCAPTCHA) by BestWebSoft
I think it worked. I haven’t had any comments since I did that.
Thank you so much!
My life is A LOT simpler again…
Now I just need to figure out how to stop the sudden, great influx of phony email subscribers. MailChimp is not hellion very much with that… :/
I used this method:
on older Enfold versions, but now on 4.0.7 it doesnt work for me for some reason.
Any ideas?
Hi Yigit,
Sure, see below.
I’m also trying to put the post meta info up higher and remove the vertical delimiter with the following code:
.post-meta-infos {
display: block;
font-size: 0.9em;
position: relative;
top: -330px;
}
.html_elegant-blog .av-vertical-delimiter {
display:none!important;
}
Thanks
Lyse
no changes, still there on the frontpage when logged in
http://buglasanfestival.com/wp-content/uploads/2017/05/Layer-slider-notice.png
screenshot taken 4 minutes ago.
checked on 2 PC with Win 10 on FF and chrome and 1 laptop Win 7 FF
-
This reply was modified 8 years, 10 months ago by
Rhoody.
I like the parallax desktop effects of EnfoldApps demo but the parallax effect doesn’t work when I view your demo on an iPad Pro. How come?
When I’m viewing the site from mobile the main navigation button in the top right is just a white box. How do I change the color specifically for mobile so I can see the 3 little bars that are usually in the box?
Hi Yigit,
Respectfully I’m not sure that spending hours upon hours on our end to put the site on a publicly available domain makes sense in order to save your team 60 seconds.
FWIW here are some of our observations:
What we’ve found so far is that the fractional Layout Elements such as 1/1, 1/2, 1/3 etc have begun rendering full browser width rather than remaining within the 980 page width that is set.
Part of the issue is LayerSlider. When we remove layerslider from the top of the page the upper section of the page renders correctly. When we leave it in place and add an empty Color Section below it it also renders correctly. It also works if the elements are dropped into a color section. The lower section, after some of the elements that are rendering correctly, is also broken in most cases. When we add another Color Section below the correctly rendering sections and above the broken section, the lower portion of the page renders correctly.
Another issue is that the “Socket background color” in General styling is also altering the body background color, not just the socket. When we change the socket background setting to #fff and add a #socket property with #333 in CSS the page(s) render as it should with a white body and a #333 socket. Previously we had the socket set at #333 and after the update some pages rendered with 333 background.
In console we see a number of “Unmatched end tags” also.
Hi there,
We are using WP 4.7.4, Enfold 4.0.5 and WC 3.0.6
Recently, we noticed some weird behaviour particularly noticeable when navigation within the WooCommerce section of the site.
As you move from product to product, the Navigation Header drops by about half a centimetre briefly exposing white space and then jumps back up to its position at the top of the browser. It’s actually becoming quite annoying, and i wondered if anyone out there had a take on what could be causing this kind of behaviour.
If you hover over hotspot 1, or 3, which are on the left side, then that’ll demonstrate to what I’m referring.
Just also trying to avoid needing to add more custom CSS when and if I add a top or bottom opening image hotspot tooltip box.
But for right now if you’d please look at hot spot 1 and 3, then you’ll hopefully see what I mean.
Hey jelle,
Try replacing that code with this one:
#top #wrap_all #footer .flex_column p,
#top #wrap_all #footer .flex_column div,
#top #wrap_all #footer .flex_column li,
#top #wrap_all #footer .flex_column td {
font-size: 12px !important;
}
Hope this helps :)
Best regards,
Nikko
Hey simonac,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .button20 .avia-button {
font-size: 30px !important;
}
just adjust the font size as you see fit. This would affect all buttons with custom css of button20, hope this helps :)
Best regards,
Nikko
Thanks so much. Since I can’t imagine an instance where I wouldn’t want that arrow to be black, is there a catchall left, right, top bottom snipped of code I could grab that would color all possible arrow outcomes to be black?
Hi Lyse!
Can you please switch Blog Style to “Single Author Big”, add featured image to your posts and then try adding following code to Quick CSS
@media only screen and (min-width: 767px) {
.html_elegant-blog #top .big-preview {
width: 50%;
float: left;
margin-right: 50px;
}}
Best regards,
Yigit
-
This reply was modified 8 years, 10 months ago by
Yigit.
Hi Jatin,
Please firstly refer to this post – https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/#post-283385 then add following code to Quick CSS in Enfold theme options under General Styling tab
.menu-break { opacity: 0; }
.av-main-nav > li > a .menu-break { opacity: 1; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
-
This reply was modified 8 years, 10 months ago by
Yigit.
Hi,
I recently purchased your theme. I’m used to Visual Composer and I must say I find the Avia Framework really awesome.
I’d like to request your help with the responsive of the Medical Demo.
I have already tried using the custom code provided in two topics.
The code in the topic below leaves a long space between the separator line and the slider and the first service box, so it doesn’t work well for me.
https://kriesi.at/support/topic/enfold-medical-demo-is-not-responsive/
The code in the topic below doesn’t leave a long space with the separator line and it looks better.
Even with the code in the second topic I still find that the slider image is being covered a lot by the menu section and that the typography is too big and goes across all over the slide image. Could you limit it to only 3/4 of the width and have a smaller typography?
Also neither of the codes work for the portrait use of an iPad (768×1024).
In an iPad Pro (1024×1366) it doesn’t look so bad, yet the last line of text is still too close to the service box.
I’d really appreciate your help with this.
Thank you!
Actually no, at the very top of our menu, the secondary section, all I want is the text to appear blue
Hi,
Are you referring to the inicio page? I have changed this code in Quick CSS:
.avia_desktop.avia_transform3d .av-masonry-image-container:hover {
filter: opacity(100%) !important;
-webkit-filter: opacity(100%) !important;
-moz-filter: opacity(100%) !important;
-o-filter: opacity(100%) !important;
filter: opacity(100%) !important;
}
and replaced it with:
.avia_desktop.avia_transform3d .isotope-item:hover .av-masonry-image-container,
.avia_desktop.avia_transform3d .av-masonry-image-container:hover {
filter: opacity(100%) !important;
-webkit-filter: opacity(100%) !important;
-moz-filter: opacity(100%) !important;
-o-filter: opacity(100%) !important;
filter: opacity(100%) !important;
}
Let us know if this helps :)
Best regards,
Nikko
Hi There again,
if you look at https://relaisvilladelborgo.com/junior-suite-corte-2/
you see that I added the script on top of the page but you can’t scroll down the page and it gives a very disturbing effect.
Do you think there is a way to fix that?
I have a custom jQuery div inside of the team member description element which pop’s up once the corresponding button is clicked.
However, when the screen size is reduced the content does not overflow, and the scrollbar doesn’t work.
Here is the function:
//add pop-up window to team members
function inline_popup_enabler(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.inline_popup’).magnificPopup({
type:’inline’,
midClick: true
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘inline_popup_enabler’);
Here are the styles:
.mfp-container .hidden {
font-size: 18px;
position: fixed;
top: 5%;
border-top: 20px solid #00afb9;
border-bottom: 5px solid #00afb9;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
visibility: visible;
width: 95%;
margin: 0 auto !important;
background: #FFFFFF;
color: #181818;
padding: 25px;
overflow-y: scroll !important;
}
Hi,
On the demo here: http://kriesi.at/themes/enfold-startup/#av_section_2 the top bar is all one colour.
I’d like that on my website here: http://www.businessswot.uk/
I’ve tried General Styling > Logo Area background color which is set to white.
However, the white only appears if you scroll down – I’d like a white band at the top all the time.
Can anyone help?
Thanks.
hi. i want to disable this menu (blue button top right) only on this page. better. i want to load another menu for this page only.
how can i do this?
The support has not yet begun and is already ending?
Why is it so hard to offer the customer within the normal support something. Your builder causes the symptom (delete Line Breaks), not WordPress.
In the last entry, the same process: line break doesn’t work
Best regards,
Thorsten
Hello,
No, I don’t need any further help on this topic. Please go ahead and close it.
Thanks!
Hi,
Please refer to this post to link the entire icon box:
https://kriesi.at/support/topic/linking-the-icon-box-icon/#post-183782
Best regards,
Jordan Shannon
Hey Charlotte :)
Please add following code to Quick CSS
#top .social_bookmarks li a {
font-size: 18px;
}
Best regards,
Yigit
Hi,
Please refer to this post – https://kriesi.at/support/topic/enfold-4-0-6-blurry-image-woocommerce-patch-removal/ :)
Best regards,
Yigit
No, sorry for the misleading.
What I want to change is the color of the bulleted list from white to black. It’s in fact the ‘Non-isolated topologies…’ section.
Thanks :)