Is there any way of editing the color and width of the top bar that has the social media links?
It would just look smoother if that bar was full length of the website & I was able to change the color freely.
Second question, changing the transparency of the menu header, how would I go about doing so?
Hey!
Please add following code to Qucik CSS in Enfold theme options under General Styling tab
#top #menu-item-search {
position: relative;
top: -75px;
right: -15px;
}
#header_meta {
z-index: 1;
}
and adjust the values as needed
Regards,
Yigit
Rikard,
You can see my original question at the top o the thread. I am having trouble with loading a single image to a specific page and that image causing the page content to disappear. I’ve given a detailed account in the first part of the thread.
You suggested I use the debugging mode or the unclosed markup but I’m not much of a code guy and don’t know how to use these tools.
Shane
Hey!
versuche es mit diesem Code:
@media only screen and (min-width: 500px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 100%;
}
}
Passe den min-wdith Wert an, der für die Bildschirmgröße steht.
Gruß,
Andy
I have 3 Columns. One Image in each colum using the caption to put type over the top (red type). I am looking to maintain the spacing I have on the top and on the left and right of the Color section these columns are in but have no spacing on the inside of the images. Attached is a screenshot with arrows point to the only area I want no spacing..
Hi,
Super love ENFOLD!!
I have a technical question and hope you guys can help me out on this. The logo position looks great on mobile and MacBook pro however when i view it on my iMac, it looks somewhat “hanging with lots of white space to the left.
Hi there,
I am using Enfold Startup Business theme for couple of months. Enfold is really a great theme. Recently I was revising my pricing page. What was I looking for is to add a dropdown menu button. I was looking into enfold forum for suggestion. Then I came up with this post-
This works fine. But I was looking for more customization which appears to be more similar to the links below-
Any suggestions?
-
This topic was modified 10 years ago by
ghuddi.
hello again,
i ran P3 plugin profiler today and found that two plugins are taking up a lot of load speed. one i can fix my self, but the other i want to ask you about. the plugin is the wpml multilingial Cms. this plugin is standard, but how do i get it to stop eating all my loading times? also there the latest updates for WPML are not compatible with your latest theme, can you guys fix that for us please?
btw. on wordpress everytime you press in a text-editor a return an auto p was set. (wpautop)
you only have the choice to avoid that by pressing the shift key.
Hi Team!
Im wandering if is posible to shrink the logo in the fullwith menu (the fixed element)
I tryed to add a class to the menu when is fixed to the top (in avia.js line 1383):
if(scrolled + modifier > top_pos)
{
if(!fixed)
{
this.css({top: modifier - bordermod, position: 'fixed'}); fixed = true;
this.addClass('fix');
}
}
But that code add the class to the menu no manner if is fixed to the top or not.
Any other solution?
Thanks a lot team!
Hi Rikard,
that does not work. The text is still cut. But I think, what we need is that all sides change earlier to a mobile view. What do I have to paste in the quick CSS to change at higher resolutions to mobile view so that the textboxes are on top of each other?
Thanks an regards
Sandra
Hi!
1. I have a problem with my social icons on mobile devices. They do not fit.
2. I think they need to be like this site below (see 2. below). Icons probably need to be in the header in their own section.
However I do not want this change to appear on the desktop site, only the mobile site.
3. I will have to remove this to add what you suggest
.responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks {
display: block !important;
top: 43px !important;
} /*icons postion*/
Do you have any other suggestions to deal with this problem?
Thank you,
Jasmer
Hallo,
hatte das Thema schon mal nur aus Ermangelung an “funktionsfähigen” Lösungsvorschlägen bin ich wieder davon abgekommen.
Problem war (und ist):
Ich habe im stretched Design ein fixes Hintergrundbild, nun möchte ich das die Layout Elemente eine feste Hintergrundfarbe haben (damit sie nicht transparent sind und das Bild dort nicht durchleuchtet)
Wenn ich nun auf einer Seite zwei Layout Elemente untereinander habe und bei dem oberen Element Ecken abrunde (Edit Column -> Rahmen -> Border Radius Top-Right & Top-Left auf 10px) und bei dem unteren Element die unteren Ecken abrunde, erscheint zwischen den Elementen eine leichte transparente Linie !!
Diese Linie erscheint nur wenn man mit den Runden Ecken arbeitet, ist der Border Radius auf 0px eingestellt ist alles ok …
Sie gesagt gab es schon viele Lösungsvorschlage die aber leider alle keine Änderungen gezeigt haben.
Nun ist mir eine WICHTIGE Eigenschaft aufgefallen dieses Phänomen existiert NUR wenn die Webseite mit dem INTERNET-EXPLORER angezeigt wird.
Mit Firefox, Chome und anderen Browsern sind die seltsamen 1px Linien nicht sichtbar !!!
Gibt es dafür evtl. eine Erklärung bzw. Lösung (außer “vernünftigen” Browser einsetzten ;-) )??
Gruß
Frankmen
Hey!
Child themes are best way to start customizing the theme :)
Please check this thread https://kriesi.at/support/topic/add-custom-self-hosted-font-to-enfold-fonts-list/
Here is a more detailed decription of @font face http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/
If you have the ttf and otf format of the font you can also use this plugin https://wordpress.org/plugins/use-any-font/
Cheers!
Vinay Kashyap
Hi intosuwo!
I don’t think that would be easily possible, as the selected categories get displayed by default which are set in your portfolio grid. However, maybe this thread is helpful to you: https://kriesi.at/support/topic/exclude-first-post-in-portfolio-grid/
Or maybe a plugin like this one: https://wordpress.org/plugins/wp-gallery-custom-links/
Cheers!
Andy
Hey!
Please add this to your Quick CSS to hide the desktop menu that shows when the screen size is approx 1010px wide.
NOTE: This will push the menu 10% to the right to hide it and when you open the menu it has 10% gap on the left side.
#mobile-advanced {
right: -110%!important;
}
Cheers!
Vinay Kashyap
Hi,
Thanks.
1. Per your suggestion I changed I combined the CSS into one. Thank you this is good to know. I see 4 “@media only screen and (max-width: 767px)” Does this mean I need to combine all 4 in the list above?
So far, it does not change the iPhone 6s Plus (see below)
2. This is the CSS Andy gave me here. What CSS do you suggest? This is a little tricky.
Andy CSS Here
Thank you for your help!
Jas
Yigit! Gracias!
Solved! You can close this topic.
Jas
-
This reply was modified 10 years ago by
Jasmer.
Vinay,
Thank you for your reply.
I’ve gone ahead and implemented a child theme. That is working okay.
Regarding the font, I was actually trying the solution posted in the link you mentioned (https://wordpress.org/support/topic/possible-to-add-other-fonts?replies=15#post-5013868), before you suggested it. Unfortunately, I’ve been having problems with that fix and have posted an inquiry with the developer of that plugin. You can see my inquiry here:
https://wordpress.org/support/topic/advanced-tab-google-fonts-api-key-field-not-visible
When I was implementing the child theme, another possible solution came to mine. I thought I could actually host the font locally on my server. So I downloaded the “Nato Sans CJK JP” from Google Fonts, uploaded it to my enfold-child theme folder, and added the following code to my child theme’s style.css file:
@font-face {
font-family: NotoSansJPReg;
src: local('NotoSansCJKjp-Regular.otf');
}
So my only question is: how can I make the Enfold “General Styling” and “Advanced Styling” tabs’ font option selectors “see” the “NotoSansJPReg” font.
Thank you for your continued support. Being able to use (better) Japanese fonts is actually critical for my site that is being developed for a Japanese audience.
Kelly
Hi,
I’ve created some diagonal sections with css and it worked on the first section “services” (via applying a section ID) but I now tried to apply it to a second section called “about”. For some reason it applies the css to the first section “services” and not to the “about” section and I am not quite getting as to why.
The CSS I used is:
#services::before {
background: #fff none repeat scroll 0 0;
content: “”;
display:block;
height: 200px;
position:absolute;
bottom:-150px;
transform: skewY(3.2deg);
width: 100%;
}
#about::before {
background: #f9f9f9 none repeat scroll 0 0;
content: “”;
display:block;
height: 200px;
position:absolute;
top:-150px;
transform: skewY(3.2deg);
width: 100%;
}
#about::after {
background: #f9f9f9 none repeat scroll 0 0;
content: “”;
display:block;
height: 200px;
position:absolute;
bottom:-150px;
transform: skewY(-3.2deg);
width: 100%;
}
and here a link to the page:
Thanks so much & kindest Regards, Corina
Hey!
autoplay is not possible for mobile devices due to restrictions from the vendors of those devices.
Regards,
Andy
Hi!
Admin Zugang von hier funktioniert nicht mehr. Sag uns bescheid, wenn wir uns wieder einloggen können.
Gruß!
Andy
Hi!
I tested this code on my installation it worked fine when i was trying it on your child theme the server is giving 500 error. Please post FTP access or remove the first block of code that say’s and let us know so we can continue the work.
//One page nav highlight
function activateMenuItem(){
?>
<script>
jQuery(document).scroll(function() {
var sections = jQuery('.avia-section'),
menu = jQuery('.av-submenu-container'),
nav_height = menu.outerHeight();
jQuery(window).on('scroll', function() {
var cur_pos = jQuery(this).scrollTop();
sections.each(function() {
var top = jQuery(this).offset().top - 300,
bottom = top + jQuery(this).outerHeight();
if (cur_pos >= top && cur_pos <= bottom) {
menu.find('a').removeClass('active-menu-item');
menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
}
});
});
});
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');
Best regards,
Vinay Kashyap
Hi there,
I’ve created a 360º-VR-video for my client which I want to use as a background video for his website.
On my laptop it displays the video but the 360º-VR is not working.
On my phone I see the youtube play-button which I can’t select.
Are there any solutions for this issue?
Thanks in advance.
Kind Regards,
Jeron Ponstijn
Hi ich suche für die Umsetzung einer Projektseite (OnePager) die Möglichkeit an der rechten Seite eine Dot-Navigation zu Integrieren.
Das würde zum Beispiel so aussehn: http://bootsnipp.com/snippets/featured/dot-navigation-with-tooltips
Die Tooltips müssen nicht umbedingt mit angezeigt werden. Bekommt man das in Enfold umgesetzt?
Gruß
Christoph
Hey!
Thank you for the info. Unfortunately, the isotope script that is being use in the masonry element sorts the items in a random order depends on the image or container size. Item 1 can go to item 3, item 3 to 2 etc regardless of the post or product sorting in order to keep the grid consistent. If product order is important, please use the product grid element instead.
Best regards,
Ismael
Hi – I have read a number of threads on this and the answer seems to have evolved over the years.
How can I make the social icons on the top menu bar (secondary) and the footer always be the hover colors… so Facebook always blue, Pinterest always red etc…?
Thanks
Hi!
@begrafiks thank you for your help!
Please enable custom class name support and use the css below in Quick CSS and add 2 images on the page and use class name “only_mobile” or “only_desktop” on the Advanced Layout Builder elements
/*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 Kashyap