Ah okay is this normal to have to add the css for this effect?

Hi Josue

The grey bar is just some html and css and a grey overlay image. The div tag <div id=”twitter-feed” class=”tw-wrap” style=”display: block;”></div> is where I want the twitter feed text placing

I used this step by step guide to create it using static html files and everything works a treat. http://www.webdevdoor.com/javascript-ajax/custom-twitter-feed-integration-jquery/

I’m not really expecting to get that working in enfold necessarily. I was just wondering if enfold has its own built in twitter feed function that I can style up? I took a look at some wordpress pluugins but there mostly just available as sidebar widgets. I couldn’t see a solution for one that goes inside your page content.

Is there anything you advise?

No this fails to help.

I deleted the file.

I then re saved my styles and it does the same.

It seems the very moment I save anything within the quick style tab it does these strange things to the style sheet on any page that is not using the default page template how strange?

It seemed setting background property, Stretch to fit fixed it :)

Great thank you! Can you look at the footer of codecreative.uk

Regarding the facebook widget on the footer. Can the dark text be changed to white? I have attempted the following css but it failed :(

#u_0_3 {color:#ffffff!important;}

How strange I actually took the content from the page.php template and pasted it over my own custom template (I didn’t replace the template naming at the top of course)

And it still failed to do have the image at full width it

I’m not sure why. What is the name of the container it shouldn’t be within ?

Hi have you logged in and changed anything?

hmm it still isn’t responding and reducing in size. For the theme to be truly responsive the logo should respond and reduce (shrink)

Is it possible to place a small opacity box around the icons a bit like the tool tip shows so that it can be legiable its hard to read with the background image chosen

Hi Yigit

Thanks for the rapid reply :)

Yes I’ve removed the css that I mentioned above.

All I want to do now is remove the shrinking header behavior from ONLY this page. Is that possible via css?

Maybe using .page-id-36 as part of the rule ?

If it has to shrink is there a way to have it shrink in a central behavior as it goes to the left at the moment

Hi it’s okay I debugged and realised it was something inside of my header file within my child theme. I have to make no modifications to this file so I simply removed this all together from my child theme and everything works now.

All I have to master is the jquery no conflict now and subsitiute the $ function for something else to get my home page hanging frames to work. Will get there soon!

Hi

I have uploaded the original avia.js and I have amended the functions file to include avia.js not avia2.js

The issue is still present

Hi in the file avia.js could you tell me what the lines of code running from 1590 – 1625 at the bottom of the file are used for?

I’m thinking of removing them from the file as it’s causing problems with my own script. The js in avia that I want to remove is

/*
* jQuery Browser Plugin 0.0.6
* https://github.com/gabceb/jquery-browser-plugin
*
* Original jquery-browser code Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors
* http://jquery.org/license
*
* Modifications Copyright 2014 Gabriel Cebrian
* https://github.com/gabceb
*
* Released under the MIT license
*/!function(a,b){“use strict”;var c,d;if(a.uaMatch=function(a){a=a.toLowerCase();var b=/(opr)[\/]([\w.]+)/.exec(a)||/(chrome)[ \/]([\w.]+)/.exec(a)||/(version)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||a.indexOf(“trident”)>=0&&/(rv)(?::| )([\w.]+)/.exec(a)||a.indexOf(“compatible”)<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a)||[],c=/(ipad)/.exec(a)||/(iphone)/.exec(a)||/(android)/.exec(a)||/(windows phone)/.exec(a)||/(win)/.exec(a)||/(mac)/.exec(a)||/(linux)/.exec(a)||/(cros)/i.exec(a)||[];return{browser:b[3]||b[1]||””,version:b[2]||”0″,platform:c[0]||””}},c=a.uaMatch(b.navigator.userAgent),d={},c.browser&&(d[c.browser]=!0,d.version=c.version,d.versionNumber=parseInt(c.version)),c.platform&&(d[c.platform]=!0),(d.android||d.ipad||d.iphone||d[“windows phone”])&&(d.mobile=!0),(d.cros||d.mac||d.linux||d.win)&&(d.desktop=!0),(d.chrome||d.opr||d.safari)&&(d.webkit=!0),d.rv){var e=”msie”;c.browser=e,d[e]=!0}if(d.opr){var f=”opera”;c.browser=f,d[f]=!0}if(d.safari&&d.android){var g=”android”;c.browser=g,d[g]=!0}d.name=c.browser,d.platform=c.platform,a.browser=d}(jQuery,window);

/*Vimeo Frogaloop API for videos*/
var Froogaloop=function(){function e(a){return new e.fn.init(a)}function h(a,c,b){if(!b.contentWindow.postMessage)return!1;var f=b.getAttribute(“src”).split(“?”)[0],a=JSON.stringify({method:a,value:c});”//”===f.substr(0,2)&&(f=window.location.protocol+f);b.contentWindow.postMessage(a,f)}function j(a){var c,b;try{c=JSON.parse(a.data),b=c.event||c.method}catch(f){}”ready”==b&&!i&&(i=!0);if(a.origin!=k)return!1;var a=c.value,e=c.data,g=””===g?null:c.player_id;c=g?d[g][b]:d[b];b=[];if(!c)return!1;void 0!==
a&&b.push(a);e&&b.push(e);g&&b.push(g);return 0<b.length?c.apply(null,b):c.call()}function l(a,c,b){b?(d[b]||(d[b]={}),d[b][a]=c):d[a]=c}var d={},i=!1,k=””;e.fn=e.prototype={element:null,init:function(a){“string”===typeof a&&(a=document.getElementById(a));this.element=a;a=this.element.getAttribute(“src”);”//”===a.substr(0,2)&&(a=window.location.protocol+a);for(var a=a.split(“/”),c=””,b=0,f=a.length;b<f;b++){if(3>b)c+=a[b];else break;2>b&&(c+=”/”)}k=c;return this},api:function(a,c){if(!this.element||
!a)return!1;var b=this.element,f=””!==b.id?b.id:null,d=!c||!c.constructor||!c.call||!c.apply?c:null,e=c&&c.constructor&&c.call&&c.apply?c:null;e&&l(a,e,f);h(a,d,b);return this},addEvent:function(a,c){if(!this.element)return!1;var b=this.element,d=””!==b.id?b.id:null;l(a,c,d);”ready”!=a?h(“addEventListener”,a,b):”ready”==a&&i&&c.call(null,d);return this},removeEvent:function(a){if(!this.element)return!1;var c=this.element,b;a:{if((b=””!==c.id?c.id:null)&&d[b]){if(!d[b][a]){b=!1;break a}d[b][a]=null}else{if(!d[a]){b=
!1;break a}d[a]=null}b=!0}”ready”!=a&&b&&h(“removeEventListener”,a,c)}};e.fn.init.prototype=e.fn;window.addEventListener?window.addEventListener(“message”,j,!1):window.attachEvent(“onmessage”,j);return window.Froogaloop=window.$f=e}();

// http://paulirish.com/2011/requestanimationframe-for-smart-animating/ + http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel. can be removed if IE9 is no longer supported or all parallax scripts are gone MIT license
(function(){var lastTime=0;var vendors=[‘ms’,’moz’,’webkit’,’o’];for(var x=0;x<vendors.length&&!window.requestAnimationFrame;++x){window.requestAnimationFrame=window[vendors[x]+’RequestAnimationFrame’];window.cancelAnimationFrame=window[vendors[x]+’CancelAnimationFrame’]||window[vendors[x]+’CancelRequestAnimationFrame’]}if(!window.requestAnimationFrame)window.requestAnimationFrame=function(callback,element){var currTime=new Date().getTime();var timeToCall=Math.max(0,16-(currTime-lastTime));var id=window.setTimeout(function(){callback(currTime+timeToCall)},timeToCall);lastTime=currTime+timeToCall;return id};if(!window.cancelAnimationFrame)window.cancelAnimationFrame=function(id){clearTimeout(id)}}());

jQuery.expr[‘:’].regex = function(elem, index, match) {
var matchParams = match[3].split(‘,’),
validLabels = /^(data|css):/,
attr = {
method: matchParams[0].match(validLabels) ?
matchParams[0].split(‘:’)[0] : ‘attr’,
property: matchParams.shift().replace(validLabels,”)
},
regexFlags = ‘ig’,
regex = new RegExp(matchParams.join(”).replace(/^\s+|\s+$/g,”), regexFlags);
return regex.test(jQuery(elem)[attr.method](attr.property));
}