-
AuthorSearch Results
-
May 17, 2013 at 8:48 pm #119580
In reply to: Enfold – Responsive Slide Out Menu **ISSUE**
Nick – Just had a thought and wondered if I could kill two birds with one stone without having to go live…
If this doesnt help you then let me know and ill get the first few pages uploaded
Here’s my thoughts
I’ve attached a link to a set of images that outline three things
a) what I want to achieve overall with the nav (look n’ feel) as created in Photoshop
b) what I’ve achieved thus far (still missing the feint grey line we’ve discussed before)
c) whats going wrong in responsive mode
Here’s the link to the images I’ve grabbed:
http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&f=eb6d72c77f6f72f1ab09eaf9b55d3d7c
so…….
two things:
1) Can you help me create the feint line still missing from the top of the nav (see image). Its 1 px deep and spans the width of my menu, its grey, should be responsive and allow the HIGHLIGHT BLOCK to travel along it. Obviously, I may add sections so it needs to adapt when I add or take away pages
2) Can you help me remove the superfluous thick line that appears in the slide out responsive menu. I don’t want it at all in this mode. I just want the menu to behave/look like yours in the demo.
Here’s the code I’m using to adapt the nag (as requested)
/* MENU BORDERS */
#top .main_menu .menu ul li:last-child>a {
border-bottom-style: solid;
border-bottom-color: #33302b;
border-bottom-width: 1px;
border-top-style: solid !important;
border-top-color: #33302b !important;
border-top-width: 1px !important;
}
#top .main_menu .menu ul li a {
border-right-style: solid;
border-right-color: #33302b;
border-right-width: 1px;
border-left-style: solid;
border-left-color: #33302b;
border-left-width: 1px;
}
#top .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: #423e38; !important;
border-top-style: solid;
border-top-width: 1px;
}
/* Top Menu width spacing */
#top .main_menu ul:first-child > li > a {
margin-top: 1px;
padding: 0 10px;
}
#top .container_wrap {
border-top-width: 2px;
}
/* Main Menu - ROLLOFF TEXT */
#top .header_color .main_menu ul:first-child>li>a {
padding-top: 7px !important;
color: #eee6de ;
font-size: 1.4em;
letter-spacing: 0.0em;
font-weight:400;
}
/* Main Menu - ROLLOVER TEXT */
#top .header_color .main_menu ul:first-child>li>a:hover {
color: #d83300;
font-size: 1.4em;
letter-spacing: 0.0em;
font-weight:400;
}
/* Main Menu - SUB MENU OFF */
#top .main_menu .menu ul li>a {
color: #e2e2e2;
font-size: 1.2em;
letter-spacing: 0.0em;
font-weight:400;
}
/* Main Menu - SUB MENU HOVER */
#top .main_menu .menu ul li>a:hover {
color: #e2e2e2 !important;
background-color: #d83300;
}
/* Main Menu - HIGHLIGHT BLOCK */
#top .avia-menu-fx {
display:block;
position:absolute;
top: 28px;
border-style:solid;
border-width:2px;
}
/* HEADER - BOTTOM LINE (attached to slider) */
#header_main {
border-bottom-style: solid;
border-bottom-color: #3b3330;
}May 17, 2013 at 8:26 pm #119579In reply to: Enfold – Responsive Slide Out Menu **ISSUE**
Hi Nick,
Im working on a local server at the moment otherwise I would be more than happy to share my findings. Not sure about the bit about masking URLs unless theres another way of me showing you my site. What I think ill do is transport what Ive achieved to-date onto my live hosting account and then let you know. I’d prefer not to have to do it but it seems you cant easily help otherwise
Ill try and do it this weekend
Andy
May 17, 2013 at 8:08 pm #119246In reply to: Enfold – Making Slab text headings responsive
hi there,
thanks for all the suggestions and yes im aware that I might be messing up something else by using h6 for my slab text. Other than not using slab text can you suggest one of the h tags thats not really used or another, safer way to get large slab text into my design. I dont want to ruin the aesthetic of this lovely theme. Im sure theres a better way without me having to carve up such code for what is essentially half a dozen big slabs of text. I had wondered if I just use a graphic but it seems a bit of a cop out
I welcome suggestions
Andy
May 17, 2013 at 6:44 pm #119445In reply to: Different color for top bar menu and menu hover
I tried the codes below in the Quick CSS section of Enfold Theme Options Styling. Here is the code:
#header_meta {
background: #0772A1;
}
.header_color .sub_menu > ul > li > a {
color: green;
}
.header_color .sub_menu > ul > li > a :hover{
color: orange;
}But only the top bar colour changed. The rest did not happen. Am i doing somthing wrong?
Regards,
May 17, 2013 at 6:42 pm #23437Topic: Top menu modification – CSS
in forum Enfoldgigoz
ParticipantI tried the codes below in the Quick CSS section of Enfold Theme Options Styling. Here is the code:
#header_meta {
background: #0772A1;
}
.header_color .sub_menu > ul > li > a {
color: green;
}
.header_color .sub_menu > ul > li > a {
color: orange;
}But only the top bar colour changed. The rest did not happen. Am i doing something wrong?
Regards,
May 17, 2013 at 6:22 pm #23439Topic: increase size and padding of header?
in forum Enfoldbenzrecordings
ParticipantHello,
I want to use enfold with a fixed header, but without social links etc. So I have to go with small, fixed header… how can I increase the size of header in generall and logo as well and add some padding to the top and bottom?
regards chris
May 17, 2013 at 6:09 pm #119724I see. I am not familiar with iframe (don’t really know what that is and how to use it), thanks anyway.
I don’t know if you ever heard it or not, but OptimizePress is a WP theme created for sales pages and the like which has an infrastructure allowing self hosted videos on places like AWS3 to be embedded seamlessly. I use it for my membership site and it works great.
I just wondered whether it was possible to do that too in Enfolder, since your theme is so awesome.
You might want to investigate into AWS3 sooner or later, for it is much better than YouTube or Vimeo if you want videos to play fast, seamlessly and in a pretty professional way.
Thanks for the support anyway.
So the only way to have a video autoplay would be to use a layer or the text editor within the text block element and stuff the embed code which has the autoplay from Vimeo/Youtube?
Thanks
May 17, 2013 at 5:59 pm #119535Hi,
I also noticed this issue. Look at his page : http://mz.muze1.de/unterricht/gitarre/#tab-id-1
The same behaviour is found with the default installation of enfold. The portfolio images overlap the caption from the row above in 1200px layout. This doesn’t happen when shrinking the browser to 1000px and going back. So it’s the initial load of the page that sets the images wrongly.
May 17, 2013 at 5:49 pm #119720In reply to: Increase space between paragraphs – Enfold Theme
Hi markpevans,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
p {
margin-bottom: .55em;
}You can adjust the .55em up or down as needed as well as add/replace the margin-top in the same way if you would like.
Regards,
Devin
May 17, 2013 at 5:14 pm #23434Topic: Changing the location of Social Media Icons
in forum Enfoldtheworldawaits
ParticipantHey there,
Just got Enfold and LOVE IT so far. Hoping to learn how to make a quick customization though!
I want to change the location of the social media icons on the fixed header. I would like them to appear between my main navigation and the search icon. Is this possible?? I noticed when you switch to ‘bottom navigation’ the social media icons appear where I would like them. However, I want to keep the fixed navigation in the header. Any way to fuse these two?
Alternatively, if that’s possible.. I am hoping to move the alignment of the icons on the “mini header” above my main header. They are currently aligned to the left above my logo. Is there any way to have these align all the way to the right, above my navigation?
Please let me know… thanks so much!!
Jason
May 17, 2013 at 5:09 pm #23433Topic: edit the name of the slider
in forum Enfoldxrisxal2000
ParticipantDear Support Team,
i would like to know how i can change the name of a slider , for example the slider…
why enfold-slow slide— i would like to change the name of it…
Kind regards,
xrisxal2000
May 17, 2013 at 3:59 pm #119245In reply to: Enfold – Making Slab text headings responsive
Hi,
Since you are using the font in all screen sizes there is no need to load it in each of the media queries. Only indicate the changes for that specific query without repeating yourself.
so you would have
/* DECLARE FONTS */
@font-face {
font-family:'BebasNeueRegular';
src:url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot');
src:url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'),url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'),url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight:normal;
font-style:normal;
}
h6 {
font-family:BebasNeueRegular,Geneva,Arial,Helvetica,sans-serif !important;
font-size:95pt;
margin-bottom:-20px;
letter-spacing:-0.0em !important;
font-weight: 200 !important;
}
/* #Media Queries========================================================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:959px) {
h6 {
font-size:80pt !important;
margin-bottom: 20px !important;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:959px) {
h6 {
font-size:70pt !important;
margin-bottom: -15px !important;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
h6 {
font-size:60pt !important;
margin-bottom: -20px !important;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {
h6 {
font-size:80pt !important;
margin-bottom: -20px !important;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
h6 {
font-size:50pt !important;
margin-bottom: -10px !important;
}
}Be careful when using a very broad selector like h6, it has no specificity and is defined many times in the theme with much higher specificity which will override/counterfeit your code very easily.
You also do not need this block … @media only screen and (max-width:767px) { …or this block ….@media only screen and (max-width:959px) { …. can you think of one screen size where the blocks of code below it aren’t already targeting it? the only reason for 767 that i can think of is for the dropdown menu for all small screens, but 959…. dont know
Thanks,
Nick
May 17, 2013 at 3:41 pm #119578In reply to: Enfold – Responsive Slide Out Menu **ISSUE**
Hi,
I will need to see the page where this is taking place, you can use goo.gl to mask the url.
Thanks,
Nick
May 17, 2013 at 3:27 pm #118388In reply to: Images and Text jumps when moused over
Open up the /js/avia.js file in your enfold folder, find lines 245-287 that look like:
elements.on('mouseenter', function(e)
{
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video",
opa = 0.7;
overlay = link.find('.image-overlay');
if(!overlay.length)
{
if(current.outerHeight() > 100)
{
if(link.height() == 0) { link.addClass(current.get(0).className); current.get(0).className = ""; }
if(!link.css('position') || link.css('position') == 'static') { link.css({position:'relative', overflow:'hidden'}); }
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }
if( url.match(/(jpg|gif|jpeg|png|tif)/) ) span_class = "overlay-type-image";
if(!url.match(/(jpg|gif|jpeg|png|.tif|.mov|.swf|vimeo.com|youtube.com)/) ) span_class = "overlay-type-extern";
overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);
}
}
if(current.outerHeight() > 100)
{
overlay.css({left:current.position().left + parseInt(current.css("margin-left"),10), top:current.position().top + parseInt(current.css("margin-top"),10)})
.css({display:'block','height':current.outerHeight(),'width':current.outerWidth()}).stop().animate({opacity:opa}, 400);
}
else
{
overlay.css({display:"none"});
}
}).on('mouseleave', elements, function(){
if(overlay.length)
{
overlay.stop().animate({opacity:0}, 400);
}
});and replace the entire block above with the block below
elements.each(function(e)
{
var link = $(this),
current = link.find('img:first'),
url = link.attr('href'),
span_class = "overlay-type-video";
overlay = link.find('.image-overlay');
if(!overlay.length)
{
if(link.height() == 0) { link.addClass(current.get(0).className); current.get(0).className = ""; }
if(!link.css('position') || link.css('position') == 'static') { link.css({position:'relative', overflow:'hidden'}); }
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }
if( url.match(/(jpg|gif|jpeg|png|tif)/) ) span_class = "overlay-type-image";
if(!url.match(/(jpg|gif|jpeg|png|.tif|.mov|.swf|vimeo.com|youtube.com)/) ) span_class = "overlay-type-extern";
overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);
}
});
elements.on('mouseenter', function(e)
{
var link = $(this),
current = link.find('img:first'),
opa = 0.7;
overlay = link.find('.image-overlay');
if(current.outerHeight() > 100)
{
overlay.css({left:current.position().left + parseInt(current.css("margin-left"),10), top:current.position().top + parseInt(current.css("margin-top"),10)})
.css({display:'block','height':current.outerHeight(),'width':current.outerWidth()}).stop().animate({opacity:opa}, 400);
}
else
{
overlay.css({display:"none"});
}
}).on('mouseleave', elements, function(){
if(overlay.length)
{
overlay.stop().animate({opacity:0}, 400);
}
});I’ll ask Kriesi to implement this fix in the next version.
May 17, 2013 at 2:37 pm #114625In reply to: Enfold Feature Requests
Thanks for all the suggestions :)
Lots of good ideas so far!
May 17, 2013 at 7:44 am #23415Topic: Increase space between paragraphs – Enfold Theme
in forum Enfoldmarkpevans
ParticipantHi,
Just wondering how to increase the paragraphs and also the font sizes in enflold.
The paragraphs are currently too close together.
May 17, 2013 at 7:30 am #119691In reply to: Images bouncind everywhere
It seems like you insert the code at the very top of avia.js. http://www.wafbmuseum.org/wpdocs/wp-content/themes/enfold/js/avia.js
Please revert the change and don’t insert the code at the very top but replace the (already existing) line
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }with
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline'}); }May 17, 2013 at 7:29 am #119473In reply to: Formatting gets stripped in Enfold
I am glad that it’s a known problem. I thought I was going crazy! :)
May 17, 2013 at 6:17 am #23413Topic: probleme mit dem blog
in forum EnfoldACM
Participanthallo, jetzt hab ich schon mehrere artikel gepostet wo es um einstellungen im blog geht – aber irgendwie hab ich den verdacht, dass ich irgendwo einen fehler drinnen habe der eher an den einstellungen des wp liegt oder irgendwelche vorlagen des demo content falsch verwendet habe – bevor ich da jetzt noch mehr wirbel reinbringen (da ja schon ein artikel an kriesi weitergereicht wurde) hätte ich die bitte ob mal jemand vom support sich bei mir einlogen könnte und schaun ob das nicht an mir liegt – ich glaubs nämlich fast dass das so ist.
zb wenn ich unter seiten nun die blog seite auswähle und auf vorschau klicke dann überblendet es mir die startseite – auch werden die standardisierten bilder wie galerie, link, etc nicht angezeigt … irgendwo liegt da der hund wohl begraben.
unter generel settings bei enfold hab ich die startseite als auch die blog seite eingetragen – aber irgendwas läuft da nicht rund.
bitte bitte um hilfe – schicke gern meine login daten zu jemanden.
gruss
acm
May 17, 2013 at 6:13 am #119441In reply to: Contact From Not Scrolling To Top
Try following – in wp-contentthemesenfoldjsshortcodes.js replace:
form.slideUp(400, function(){responseContainer.slideDown(400); send.formElements.val('');});with
form.slideUp(400, function(){responseContainer.slideDown(400); send.formElements.val('');});
jQuery('#scroll-top-link').trigger('click');May 17, 2013 at 5:51 am #119070In reply to: Search result layout
Yes, the problem is that the “use_main_query_pagination” parameter is not part of the theme code yet. The next update will include it. For now (if you want to use pagination) please stick with the default search.php code and use the code I posted above when we release the update (Enfold 1.5)
May 17, 2013 at 5:25 am #119689In reply to: Images bouncind everywhere
Hi,
Try following – open up enfold/js/avia.js and replace:
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }with
if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline'}); }May 17, 2013 at 5:20 am #119705In reply to: How do you update enfold to latest version?
You won’t loose your settings when you update the theme. If you customized some theme files you need to make a backup of the old files, then upload the new ones and then customize the updated files.
May 17, 2013 at 3:18 am #119668In reply to: call me and email me buttons
Hi,
You can actually add an email link. On Enfold > Header > Phone Number or small info text, place something like this
<a href="mailto: (Email address hidden if logged out) ">Email me!</a>I’m really not sure if an automatic click to call number is possible. If they have a Skype Call to Click plugin enabled on their browser, they will be able to click the number and call it through skype.
I haven’t tried this plugin http://wordpress.org/extend/plugins/contact-call-plugin/. You should try it.
Regards,
Ismael
May 17, 2013 at 2:35 am #119472In reply to: Formatting gets stripped in Enfold
Hi,
Yes, I reported the issue to Kriesi about the Advance Layout Editor. Elements goes blank when saved, stripped html tags etc. I’ll tag this thread to Kriesi.
Regards,
Ismael
May 17, 2013 at 2:31 am #119295In reply to: Avia Builder – Misbehaviour when editing content
To complete this thread:
May 17, 2013 at 2:27 am #119606In reply to: Using other Plugins renders MCE useless!
I love ppl trying to recreate errors with an empty page stating “everything’s fine here…” (see my other thread to this behaviour). ;)
Ok, I should have posted this earlier – my fault:

I’ll have a look at the avia-modal.js by myself.
Explained: I’ve added a Text Block Element to the builder, clicked it > first error. The second pops out when clicking on the visual tab. This also happens to all other builder elements using the MCE.
The page I’m building is somewhat bigger. If you like 2 have admin access call me in. Have to wait until friday afternoon because of showcasing to customers…
May 17, 2013 at 2:11 am #119294In reply to: Avia Builder – Misbehaviour when editing content
Stop telling me that you are unsure. Test it again with a real scenario. Yes, I do have always the latest revision of any theme.
Sorry, but this really fucks me up. It’s 4 a.m. now here in germany and I’m trying to get a development website up and running messing with this sh*t for the whole day (worth of 4 hours plus)!!!
Another screen that happend JUST NOW:

I’ve added the entry at the bottom of the toggle, saved builder, saved page, started editing over – there ya go. Pretty much useless! After that I have to deactivate a plugin (Google Doc Embedder or sometimes also WPML and I don’t have any other plugin active) and the editor shows up again.
The WP feature to automatically save drafts seems to have affect on this behaviour. So get into it instead of telling me after a few clicks that everything works fine… :(
May 17, 2013 at 2:01 am #119387In reply to: Remove caps in headings- Enfold Theme
Hi,
Please add this on your custom.css or quick CSS.
h1, h2, h3 {
text-transform: none !important;
}Regards,
Ismael
May 17, 2013 at 1:59 am #119316Hi,
You need to create a backup of your custom.css or copy the code on the Quick CSS on a notepad or something like that. Yes, it would be nice to be able to save a custom theme style. You can request that on this thread https://kriesi.at/support/topic/enfold-feature-requests.
Regards,
Ismael
-
AuthorSearch Results
-
Search Results
-
Topic: Top menu modification – CSS
I tried the codes below in the Quick CSS section of Enfold Theme Options Styling. Here is the code:
#header_meta {
background: #0772A1;
}
.header_color .sub_menu > ul > li > a {
color: green;
}
.header_color .sub_menu > ul > li > a {
color: orange;
}But only the top bar colour changed. The rest did not happen. Am i doing something wrong?
Regards,
Hello,
I want to use enfold with a fixed header, but without social links etc. So I have to go with small, fixed header… how can I increase the size of header in generall and logo as well and add some padding to the top and bottom?
regards chris
Topic: edit the name of the slider
Dear Support Team,
i would like to know how i can change the name of a slider , for example the slider…
why enfold-slow slide— i would like to change the name of it…
Kind regards,
xrisxal2000
Hi,
Just wondering how to increase the paragraphs and also the font sizes in enflold.
The paragraphs are currently too close together.
Topic: probleme mit dem blog
hallo, jetzt hab ich schon mehrere artikel gepostet wo es um einstellungen im blog geht – aber irgendwie hab ich den verdacht, dass ich irgendwo einen fehler drinnen habe der eher an den einstellungen des wp liegt oder irgendwelche vorlagen des demo content falsch verwendet habe – bevor ich da jetzt noch mehr wirbel reinbringen (da ja schon ein artikel an kriesi weitergereicht wurde) hätte ich die bitte ob mal jemand vom support sich bei mir einlogen könnte und schaun ob das nicht an mir liegt – ich glaubs nämlich fast dass das so ist.
zb wenn ich unter seiten nun die blog seite auswähle und auf vorschau klicke dann überblendet es mir die startseite – auch werden die standardisierten bilder wie galerie, link, etc nicht angezeigt … irgendwo liegt da der hund wohl begraben.
unter generel settings bei enfold hab ich die startseite als auch die blog seite eingetragen – aber irgendwas läuft da nicht rund.
bitte bitte um hilfe – schicke gern meine login daten zu jemanden.
gruss
acm
